@charset "utf-8";
/* CSS Document */

/* ベースとなるスタイル
--------------------------------------------------------- */
body {
  -webkit-text-size-adjust: 100%;
}
/* article
--------------------------------------------------------- */
article {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  color: #707070;
  font-size: 62.5%;
  letter-spacing: 0.15rem;
  line-height: 1.8;
  text-align: justify;
  vertical-align: baseline;
  font-family: 'Zen Old Mincho', serif;
  font-weight: 500;
  font-style: normal;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  font-feature-settings: "palt";
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  background-color: #ECE9E4;
}
article img {
  display: block;
  height: auto;
  max-width: 100%;
}
article a {
  text-decoration: none;
}
figure img {
  text-align: center;
  margin: 50px auto;
  image-rendering: -webkit-optimize-contrast;
}
/* clearfix
--------------------------------------------------------- */
.clearfix:after {
  clear: both;
  content: "";
  display: block;
}
.clearfix {
  *zoom: 1;
}
/* img */
@media screen and (min-width: 768px) {
  .sp-only {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
}

/*PCでは無効（改行しない）*/
.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .sma{
        display: block;
    }
}

/* 順番 
1.位置情報系＝position, top, right, z-index, display, float等
2.サイズ＝width, height, padding, margin
3.文字系＝font, line-height, letter-spacing, color- text-align等
4.背景＝background, border等
5.その他＝animation, transition等
*/
/*h2 各タイトル
--------------------------------------------------------- */
h2.section-title {
  width: 100%;
  margin: 100px auto 50px;
  display: inline-block;
  font-size: 3.75rem;
  text-transform: uppercase;
  font-family: "mixta-didone", serif;
  font-weight: 400;
  letter-spacing: 0.175rem;
  font-style: normal;
  text-align: center;
}

@media (max-width: 767px) {
	h2.section-title {
		font-size: 2.6rem;
	}
}

/* innerWrap
--------------------------------------------------------- */
.innerWrap {
  max-width: 980px;
  margin: 0 auto;
  padding-block-end: 120px;
  font-size: 1.65rem;
  letter-spacing: 0.1rem;

}

#plan .innerWrap{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	

}

/* text
--------------------------------------------------------- */
.txtarea {
  width: 100%;
  max-width: 800px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  margin-block-start: 30px;
  margin-block-end: 30px;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.675rem;
}
.txtarea h3.subtitle{
font-size: 2.5rem;
padding-block-end:20px;
  letter-spacing: 0.005rem;
  font-weight: 300;
}
.txtarea .txt {
  margin-block-end: 10px;
  line-height: 1.8;
  letter-spacing: 0.025rem;
  text-align: justify;
}
.txtarea .txt_open {
  line-height: 2;
  letter-spacing: 0.075rem;
  font-size: 2rem;
  text-align: center;
  margin: 15px auto;
}
.txtarea .txt_time {
  line-height: 1.6;
  letter-spacing: 0.075rem;
  font-size: 2rem;
  text-align: center;
  margin: 15px auto;
}

@media (max-width: 767px) {
	.txtarea {
		font-size: 1.6rem;
	}
}

/* pagetop */
.pagetop {
  position: fixed;
  bottom: 5px;
  right: 10px;
  display: none;
  z-index: 150;
  cursor: pointer;
}

/* font
--------------------------------------------------------- */

@font-face {
  font-family: "KokuMincho";
  src: url("../fonts/KokuMincho.woff2") format("woff2"),
       url("../fonts/KokuMincho.woff") format("woff"),
       url("../fonts/KokuMincho.ttf") format("truetype"); /* 念のため残してもOK */
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

h2.section-title {
	font-family: "KokuMincho", serif;
}

p{
	font-family: "KokuMincho", serif;
}