.u-font__hiragino {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
    "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "HGゴシックE",
    "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Noto Sans JP", sans-serif;
}

body{
	font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#contents section{
  overflow: initial;
}
#contents p, #contents li, #contents dt, #contents dd, #contents th, #contents td{
  line-height: 1.5;
}
.l-hero-hattatu__mv{
  height: calc(855 / 375  * 100cqi);
  /* height: 855px; */
  width: 100vi;
  container-type:inline-size;
  background-color: #d7c9b3;
  position: relative;
}
@media screen and (min-width: 1024px) {
.l-hero-hattatu__mv{
  height: calc(1080 / 1920  * 100cqi);
  container-type:inline-size;
  background-color: #d7c9b3;
  position: relative;
}
}
.l-hero-hattatu__mv-char-wrap{
  padding-top:  calc(380 / 375  * 100cqi);
}
@media screen and (min-width: 1024px) {
  .l-hero-hattatu__mv-char-wrap{
  padding-top:  calc(232 / 1920  * 100cqi);
}
}
.l-hero-hattatu__mv-char{
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  margin-inline: auto;
}
.l-hero-hattatu__mv-charImg{
  width:100%;
  position: relative;
  z-index: 4;
}
@media screen and (min-width: 1024px) {
  .l-hero-hattatu__mv-char{
  display: flex;
  justify-content: center;
  position: relative;
  width: calc(662 / 1920 * 100cqi);
  margin-inline: auto;
}
}
.l-hero-hattatu__mv-layer01{
  background-image: url(../uniq/worship/hattatu-mv-layer01-sp.png);
  background-position: center;
  background-size: cover;
  content: "";
  height: calc(209 / 375 * 100cqi);
  aspect-ratio: 1114/209;
  /* height:209px; */
  inline-size: 100vi;
  position: absolute;
  bottom: -1px;
  z-index: 4;
}
@media screen and (min-width: 1024px) {
  .l-hero-hattatu__mv-layer01{
    background-image: url(../uniq/worship/hattatu-mv-layer01.png);
    background-position: center;
    background-size: cover;
    content: "";
    height: calc(360.22 / 1920 * 100cqi);
    inline-size: 100vi;
    position: absolute;
    z-index: 4;
  }
}
.l-hero-hattatu__mv-layer02{
  background-image: url(../uniq/worship/hattatu-mv-layer02-sp.png);
  background-position: center;
  background-size: cover;
  content: "";
  height: calc(275 / 375 * 100cqi);
  inline-size: 100vi;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .l-hero-hattatu__mv-layer02{
    background-position: center;
    background-size: cover;
    content: "";
    height: calc(474.12 / 1920 * 100cqi);
    inline-size: 100vi;
    position: absolute;
    bottom: 0;
    z-index: 1;
  }
}
.l-hero-hattatu__mv-char-title{
  font-size: min(calc(60 / 375 * 100vw));
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 100%;
  right: 0;
  left: 0;
  writing-mode: vertical-lr;
  font-weight: 600;
  z-index: 3;
  margin-inline: auto;
  height: max-content;
}
@media screen and (min-width: 1024px) {
  .l-hero-hattatu__mv-char-title{
    font-size: min(calc(100 / 1920 * 100vw),100px);
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: -50px;
    writing-mode: vertical-lr;
    font-weight: 600;
    z-index: 3;
  }
}
.l-hero-hattatu__mv-tree01{
  position: absolute;
  left:calc(100 / 1920 * 100cqi);
  bottom:calc(266 / 1920 * 100cqi);
  z-index: 2;
  display: none;
}
@media screen and (min-width: 1024px) {
  .l-hero-hattatu__mv-tree01{
    display: block;
  }
}
.l-hero-hattatu__mv-tree01 img{
  width:min(calc(495 / 1920 * 100cqi),495px);
}
.l-hero-hattatu__mv-tree02{
  position: absolute;
  right:calc(116 / 1920 * 100cqi);
  bottom:calc(380 / 1920 * 100cqi);
  z-index: 0;
  display: none;
}
@media screen and (min-width: 1024px) {
  .l-hero-hattatu__mv-tree02{
    display: block;
  }
}
.l-hero-hattatu__mv-tree02 img{
  width:min(calc(388 / 1920 * 100cqi),388px);
}
.l-hero-hattatu__mv-announcement01{
  position: absolute;
  right:calc(30 / 375 * 100cqi);
  top: -100px;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .l-hero-hattatu__mv-announcement01{
  position: absolute;
  right:calc(-200 / 1920 * 100cqi);
  top: auto;
  bottom: 0;
  z-index: 5;
}
}
.l-hero-hattatu__mv-announcement01 img{
  width:min(calc(90 / 375 * 100cqi));
}
@media screen and (min-width: 1024px) {
  .l-hero-hattatu__mv-announcement01 img{
    width:min(calc(160 / 1920 * 100cqi),160px);
  }
}
.l-hero-hattatu__mv-announcement02{
  position: absolute;
  left:calc(30 / 375 * 100cqi);
  top: -230px;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
 .l-hero-hattatu__mv-announcement02{
  left:calc(-140 / 1920 * 100cqi);
  bottom: 0;
  top: auto;
  z-index: 5;
}
}
.l-hero-hattatu__mv-announcement02 img{
  width:min(calc(95 / 375 * 100cqi));
}
@media screen and (min-width: 1024px) {
  .l-hero-hattatu__mv-announcement02 img{
  width:min(calc(170 / 1920 * 100cqi),170px);
}
}
#contents .p-hattatu-section{
  margin-bottom: 66px;

}
@media screen and (min-width: 1024px) {
  #contents .p-hattatu-section{
  margin-bottom: 85px;
}
}
#contents .p-hattatu-section__title{
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 50px;
  color: #000000;
  letter-spacing: .2em;
}
@media screen and (min-width: 1024px) {
  #contents .p-hattatu-section__title{
    font-size: 48px;
    margin-bottom: 50px;
  }
}
#contents .p-hattatu-section__text{
    font-size: 14px;
    line-height: 2;
    margin-bottom: 0;
    letter-spacing: .2em;
}
#contents{
  padding-top: 0;
}
.p-hattatu-section__bg{
  background-color: #D7C9B3;
  position: relative;
}

#contents .p-hattatu-nav{
  background-color: #F9F5E6;
  border-radius:0px;
  overflow: hidden;
  text-align: center;
  padding-block: 32px;
}

@media screen and (min-width: 1024px) {
  #contents .p-hattatu-nav{
    background-color: #F9F5E6;
    border-radius:100px;
    max-width: 1400px;
    width: calc(1400 / 1920 * 100cqi);
    padding-inline: min(calc(40 / 1400 * 100cqi),40px);
    margin-inline: auto;
    box-sizing: content-box;
  }
}
#contents .p-hattatu-nav ul{
  background-color: #F9F5E6;
  row-gap: 18px;
}

#contents .p-hattatu-nav ul li a{
  color: #000000;
  font-style: normal;
  font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "HGゴシックE";
  text-decoration: none;
  font-weight: 600;
}

#contents .p-hattatu-nav ul li a::before{
  content: none;
}

#contents .head02:before{
  content: none;
}

#contents .p-hattatu-heading{
  font-size:26px;
  line-height: calc(48/26);
  font-weight: 600;
  color: #000;
}
.p-hattatu-origin-wrapper{
  margin-top: 66px;
}
@media screen and (min-width: 1024px) {
.p-hattatu-origin-wrapper{
  margin-top: 95px;
}
  #contents .p-hattatu-heading{
    font-size:48px;
    line-height: calc(84 / 48);
  }
  #contents .p-hattatu-nav ul li{
  padding-inline:min(calc(28 / 1400 * 100cqi),28px);
}
}
#contents .p-hattatu-origin__text{
  font-size:14px;
  line-height: 2;
}
@media screen and (min-width: 1024px) {
 #contents .p-hattatu-origin__text{
  font-size:20px;
  line-height: 2;
}
}
#contents .head01Img:before{
  background: url(../uniq/worship/hattatu-heading.png) center center no-repeat;
  background-size: cover;
  height: 37px;
  width: 45px;
}
@media screen and (min-width: 1024px) {
  #contents .head01Img:before{
  background-size: cover;
  height: 50px;
  width: 60px;
}
}


.p-hattatu-section__bg--minori{
  background-color: #D7C9B3;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-section__bg--minori{
    background-color: #D7C9B3;
    padding-top: 140px;
    padding-bottom: 170px;
  }
}
.p-hattatu-section__bg--origin{
  padding-bottom: 66px;
  position: relative;
}
@media screen and (min-width: 1024px) {
.p-hattatu-section__bg--origin{
  padding-bottom: 145px;
  position: relative;
}
}
.p-hattatu-section__bg--origin::before,
.p-hattatu-section__bg--tane::after,
.p-hattatu-section__bg--asazawa::before,
.p-hattatu-section__bg--minori::before{
  content: "";
  width: 100vw;
  height: calc(65 / 1920 * 100vw);
  left: 0;
  right: 0;
  bottom: -1px;
  background-image:url(../uniq/worship/hattatu-mask-bg.png);
  background-size: cover;
  position: absolute;
}
.p-hattatu-section__bg--tane{
  padding-top:64px;
  padding-bottom:80px ;
  position: relative;
}
.p-hattatu-section__bg--minori{
  position: relative;
}
.p-hattatu-section__bg--tane::before,
.p-hattatu-section__bg--asazawa::after,
.p-hattatu-section__bg--minori::after{
  content: "";
  width: 100vw;
  height: calc(65 / 1920 * 100vw);
  left: 0;
  right: 0;
  top: -1px;
  background-image:url(../uniq/worship/hattatu-mask-bg.png);
  background-size: cover;
  position: absolute;
  transform: rotate(-180deg);
}

@media screen and (min-width: 1024px) {
.p-hattatu-section__bg--tane{
  padding-top:178px;
  padding-bottom:130px;
}
}
.p-hattatu-route__title{
  padding-left: 72px;
  margin-bottom: 24px;
  font-size:32px;
  display: flex;
  align-items: center;
  column-gap: 7px;
  position: relative;
  line-height: 150%;
}

@media screen and (min-width: 1024px) {
  .p-hattatu-route__title{
    padding-left: 112px;
    margin-bottom: 24px;
    font-size: 48px;
    display: flex;
    align-items: center;
    column-gap: 7px;
    position: relative;
    line-height: 180%;
  }
}
.p-hattatu-route__title--nankunsha{
  display: block;
  line-height: 130%;
}
.p-hattatu-route__title--nankunsha .p-hattatu-route__ruby{
  position: relative;
  bottom: 8px;
}
.p-hattatu-route__title::before{
  content: "";
  background-image: url(../uniq/worship/hattatu-route01.png);
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 10px;
  left: 0;
  margin-block: auto;
  width: 61px;
  height: 67px;
}
.p-hattatu-route__title[data-number="2"]::before{
  background-image: url(../uniq/worship/hattatu-route02.png);
}
.p-hattatu-route__title[data-number="3"]::before{
  background-image: url(../uniq/worship/hattatu-route03.png);
}
.p-hattatu-route__title[data-number="4"]::before{
  background-image: url(../uniq/worship/hattatu-route04.png);
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route__title::before{
    content: "";
    background: url(../uniq/worship/hattatu-route01.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 10px;
    left: 0;
    margin-block: auto;
    width: 88px;
    height: 96px;
  }
}
.p-hattatu-route__title.p-hattatu-route__title-cat{
  padding-left: 30px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route__title.p-hattatu-route__title-cat{
  padding-left: 60px;
  margin-bottom: 36px;
}
}
.p-hattatu-route__title.p-hattatu-route__title-cat::before{
  background: url(../uniq/worship/hattatu-route-cathand.png) center center no-repeat;
  background-size: cover;
  width: 21px;
  height: 43px;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route__title.p-hattatu-route__title-cat::before{
    width: 40px;
    height: 80px;
  }
}
.p-hattatu-route__title--lg{
  line-height: 100%;
  letter-spacing: .2em;
}
.p-hattatu-subheading{
  font-size: 26px;
  line-height: 120%;
  letter-spacing: .1em;
  margin-bottom: 14px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
.p-hattatu-subheading{
  font-size: min(calc(48 / 1920 * 100vw),48px);
  margin-bottom: 30px;
  letter-spacing: .1em;
}
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route-tane__flex{
    display: flex;
    justify-content: space-between;
    container-type:inline-size;
  }
}
#contents .p-hattatu-route__text-block p{
  line-height: 2;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
#contents .p-hattatu-route__text-block p{
  line-height: 2;
  font-size: 20px;
}
  .p-hattatu-route__text-block{
    width:calc(686 / 1600 * 100cqi) ;
  }
}

#contents .p-hattatu-route-tane__dl-item{
  display: flex;
  align-items: center;
  column-gap: 10px;
  line-height: 1;
  font-weight: 600;
}
#contents .p-hattatu-route-tane__dl-item dt{
  background-color: #B73522;
  border-radius: 30px;
  padding: 3px 20px;
  color: #fff;
  line-height: 1.5;
  font-size: 11px;
}

@media screen and (min-width: 1024px) {
  #contents .p-hattatu-route-tane__dl-item dt{
  background-color: #B73522;
  border-radius: 30px;
  padding: 3px 0px;
  color: #fff;
  line-height: 1.5;
  font-size: 16px;
  width: calc(94 / 670 * 100cqi);
  display: flex;
  justify-content: center;
}
}
#contents .p-hattatu-route-tane__dl-item dd{
  color: #B73522;
  line-height: 100%;
  font-size: 16px;
  line-height: 1.5;
  width: 60%;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  #contents  .p-hattatu-route-tane__dl-item dd{
  color: #B73522;
  line-height: 100%;
  font-size: 20px;
  line-height: 1;
  width: 100%;
}
}
.p-hattatu-route-tane__dl-item + .p-hattatu-route-tane__dl-item{
  margin-top: 10px;
}
.p-hattatu-route-tane__box{
  margin-bottom: 10px;
  border-radius:30px;
  container-type:inline-size;
}
.p-hattatu-route-tane__box-item{
  display: flex;
}
.p-hattatu-route-tane__box-title{
  background-color: #fff;
  font-size: 11px;
  width: calc(140 / 348 * 100cqi);
  border-radius: 15px;
  display: flex;
  justify-content: center;
  padding-block: 2px;
  height: max-content;
}
.p-hattatu-route-tane__box-title--sm{
  width: calc(80 / 348 * 100cqi);
}
.p-hattatu-route-tane__box-caution{
  font-size: 11px;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route-tane__box-caution{
    font-size: 14px;
  }
  .p-hattatu-route-tane__box-title{
    background-color: #fff;
    font-size: 16px;
    width: calc(230 / 670 * 100cqi);
    border-radius: 15px;
    display: flex;
    justify-content: center;
    padding-block: 2px;
  }
  .p-hattatu-route-tane__box-title--sm{
    width: calc(230 / 670 * 100cqi);
}
}
.p-hattatu-route-tane__box-txt{
  font-size: 14px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route-tane__box-txt{
    font-size: 20px;
  }
}
.p-hattatu-route-tane__right{
   container-type:inline-size;
   font-size: 14px;
}
.p-hattatu-route-tane__left{
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route-tane__left{
    width: calc(700 / 1400  * 100cqi);
    margin-bottom: 20px;
  }
  .p-hattatu-route-tane__right{
    width: calc(670 / 1400  * 100cqi);
  }
}
.p-hattatu-route-tane__left img{
  width:100%;
}
#contents.hattatu-section section{
  max-width: 1400px;
  box-sizing: content-box;
  container-type:inline-size;
}

.p-hattatu-route-tane__box-bg{
  background-color: #F5ECDF;
  padding: 20px 10px 16px;
  border-radius: 30px;
  margin-top: 20px;
  color: #231815;
}
@media screen and (min-width: 1024px) {
.p-hattatu-route-tane__box-bg{
  background-color: #F5ECDF;
  padding: 30px 28px 16px;
  border-radius: 30px;
  margin-top: 20px;
}
}
.p-hattatu-route-tane__box-item{
  column-gap: 12px;
  font-weight: 600;
}
.p-hattatu-route-tane__box-item + .p-hattatu-route-tane__box-item{
  margin-top: 15px;
}
.p-hattatu-route-nankunsha__caption{
  font-weight: 600;
  font-size: 14px;
  margin-top: 7px;
}
#contents .p-hattatu-route__text-block-txt{
  line-height: 1.5;
  font-weight: 600;
  margin-top: 14px;

}
@media screen and (min-width: 1024px) {
.p-hattatu-route-nankunsha__caption{
  font-size: 18px;
}
  #contents .p-hattatu-route__text-block-txt{
  margin-top: 48px;
}
}
.p-hattatu-route__text-block-txt--sm{
  display: block;
  font-size: 26px;
  line-height: 1;
  letter-spacing: .2em;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route__text-block-txt--sm{
    display: block;
    font-size: 48px;
  }
}
.p-hattatu-route__text-block-txt--lg{
  display: block;
  font-size: 46px;
  line-height: 1.5;
  letter-spacing: .2em;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route__text-block-txt--lg{
    font-size: 78px;
  }
}
#contents section.last{
  /* padding-inline: 0; */
}
#contents .p-hattatu-route-nankunsha__cat{
  margin-top:25px;
  position: relative;
}
@media screen and (min-width: 1024px) {
#contents .p-hattatu-route-nankunsha__cat{
  margin-top:90px;
  position: relative;
}
}
.p-hattatu-route-tane__dl{
  margin-top:16px;
}
.p-hattatu-route-nankunsha__cat--sm{
  width:calc(92 / 348 * 100cqi);
  margin-inline: auto;
  height: max-content;
  aspect-ratio: 92 / 121;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route-nankunsha__cat--sm{
    width:calc(170 / 1400 * 100cqi);
    margin-inline: auto;
  }
}
.p-hattatu-route-nankunsha__cat--md{
  width:calc(236 / 348 * 100cqi);
  margin-inline: auto;
  height: max-content;
  aspect-ratio: 240 / 280;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route-nankunsha__cat--md{
    width:calc(440 / 1400 * 100cqi);
    margin-inline: auto;
  }
}
.p-hattatu-route-nankunsha__cat--lg{
  width:calc(348 / 348 * 100cqi);
  margin-inline: auto;
  height: max-content;
  aspect-ratio: 355 / 428;
}
@media screen and (min-width: 1024px) {
.p-hattatu-route-nankunsha__cat--lg{
  width:calc(700 / 1400 * 100cqi);

}
}
.p-hattatu-route-nankunsha__cat--sm-wrap,
.p-hattatu-route-nankunsha__cat--md-wrap,
.p-hattatu-route-nankunsha__cat--lg-wrap{
  display: flex;
  justify-content: center;
  position: relative;
}
.p-hattatu-route-nankunsha__cat--sm-wrap,
.p-hattatu-route-nankunsha__cat--md-wrap,
.p-hattatu-route-nankunsha__cat--lg-wrap{
  padding-bottom: calc(255 / 336 * 100cqi)
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route-nankunsha__cat--sm-wrap,
  .p-hattatu-route-nankunsha__cat--md-wrap,
  .p-hattatu-route-nankunsha__cat--lg-wrap{
    padding-bottom: 0;
  }
  .p-hattatu-route-nankunsha__cat--lg-wrap{
    margin-left: 20px;
  }
}
.p-hattatu-route-nankunsha__cat--sm--arrow{
  top: calc(162 / 348 * 100cqi);
}
.p-hattatu-route-nankunsha__cat--md--arrow{
  top: calc(317 / 348 * 100cqi);
}
.p-hattatu-route-nankunsha__cat--lg--arrow{
  top: calc(430 / 348 * 100cqi);
}

.p-hattatu-route-nankunsha__cat--sm--arrow,
.p-hattatu-route-nankunsha__cat--md--arrow,
.p-hattatu-route-nankunsha__cat--lg--arrow{
  position: absolute;
  left: 0;
  right: 0;
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route-nankunsha__cat--sm--arrow,
  .p-hattatu-route-nankunsha__cat--md--arrow,
  .p-hattatu-route-nankunsha__cat--lg--arrow{
    position: absolute;
    left: auto;
    right: auto;
    top: 0;
  }
  .p-hattatu-route-nankunsha__cat--sm--arrow{
    top: calc(-222 / 1400 * 100cqi);
    right: calc(-82 / 1400 * 100cqi);
  }
  .p-hattatu-route-nankunsha__cat--md--arrow{
    top: calc(-222 / 1400 * 100cqi);
    right: calc(-2 / 1400 * 100cqi);
  }
  .p-hattatu-route-nankunsha__cat--lg--arrow{
    top: calc(20 / 1400 * 100cqi);
    left:0;
  }
}

.p-hattatu-route-nankunsha__cat--sm--arrow,
.p-hattatu-route-nankunsha__cat--md--arrow,
.p-hattatu-route-nankunsha__cat--lg--arrow{
  display: flex;
  justify-content: center;
}
.p-hattatu-route-nankunsha__cat--sm--arrow img{
  width: calc(123 / 348 * 100cqi);
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route-nankunsha__cat--sm--arrow img{
  width: calc(243 / 1400 * 100cqi);
  }
}
.p-hattatu-route-nankunsha__cat--md--arrow img{
  width: calc(175 / 348 * 100cqi);
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route-nankunsha__cat--md--arrow img{
  width: calc(283 / 1400 * 100cqi);
  }
}
.p-hattatu-route-nankunsha__cat--lg--arrow img{
  width: calc(150 / 348 * 100cqi);
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route-nankunsha__cat--lg--arrow img{
  width: calc(150 / 1400 * 100cqi);
  }
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route-nankunsha__cat-wrap{
    display: flex;
    align-items: flex-end;
    margin-top: -210px ;
}
}
.p-hattatu-route-nankunsha__even img,
.p-hattatu-route-nankunsha__odd img{
  width: 100%;
}
.p-hattatu-route-nankunsha__even,
.p-hattatu-route-nankunsha__odd{
  max-width: 368px;
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route-nankunsha__even,
  .p-hattatu-route-nankunsha__odd{
    max-width: 368px;
    width: calc(368 / 1400 * 100cqi);;
    position: absolute;
    top: 0;
    right: 0;
  }
  .p-hattatu-route-nankunsha__even{
    top: calc(0 / 1400 * 100cqi);
    right: calc(-27 / 1400 * 100cqi);
  }
  .p-hattatu-route-nankunsha__odd{
    top: calc(-180 / 1400 * 100cqi);
    right: calc(327 / 1400 * 100cqi);
  }
}
.p-hattatu-route__list-photo{
  display: flex;
  gap: 10px;
}
.p-hattatu-route__list-photo li{
  width: 50%;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route__list-photo{
    display: flex;
    gap: 20px;
  }
}
#contents .basicFlt ul.fltList > li{
  margin-bottom: 0;
}
#contents .basicFlt ul.fltList > li > img{
  vertical-align: bottom;
}

@media screen and (min-width: 1024px) {
  #contents .p-hattp-hattatu-minori__content-top-imgatu-subTxt{
    margin-bottom: 0px;
  }
}

#contents .p-hattatu-origin__title{
  color: #000;
  font-weight: 600;
  font-size: 34px;
  margin-bottom: 42px;
  margin-top: 0;
}
#contents .p-hattatu-route-nankunsha__item{
  margin-bottom: 90px;
}
@media screen and (min-width: 1024px) {
#contents .p-hattatu-subTxt{
  font-size: 20px;
  margin-bottom: 30px;
  line-height: 2;
}
#contents .p-hattatu-origin__title{
  color: #000;
  font-size: 42px;
  margin-bottom: 64px;
}
#contents .p-hattatu-origin__title--schedule{
  color: #000;
  font-size: 42px;
  margin-bottom: 108px;
}
#contents .p-hattatu-route-nankunsha__item{
  margin-bottom: 0px;
}
}
#contents .p-hattatu-route-sec{
  margin-bottom: 92px;
  padding-top: 44px;
}
@media screen and (min-width: 1024px) {
  #contents .p-hattatu-route-sec{
  margin-bottom: 92px;
  padding-top: 114px;
}
}
.p-hattatu-section__bg--nankunsha{
  padding-block: 78px;
}
.p-hattatu-section__bg--asazawa{
  background-color: #D7C9B3;
  padding-top: 68px;
  padding-bottom: 80px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-section__bg--asazawa{
  padding-top: 127px;
  padding-bottom: 160px;
}
}
.p-hattatu-minori__text{
  line-height: 2;
}

.p-hattatu-minori__list-item-title-wrap{
  background-image: url(../uniq/worship/hattatu-minori-route.png);
  background-size: cover;
  width:188px ;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.p-hattatu-minori__list-item-title{
  font-weight: 600;
  text-align: center;
  padding-top: 16px;
}
#contents .p-hattatu-minori__list-item-text{
  text-align: center;
  margin-block: 20px;
  line-height: calc(30/20);
  font-size: 18px;
  letter-spacing: -.05em;
}
@media screen and (min-width: 1024px) {
  #contents .p-hattatu-minori__list-item-text{
  text-align: center;
  margin-block: 20px;
  line-height: calc(30/20);
  font-size: 20px;
}
}
.p-hattatu-minori__list-item-title--sm{
  display: block;
  font-size: 18px;
 font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "HGゴシックE";
}
.p-hattatu-minori__list-item-title--lg{
  font-size: 38px;
}

@media screen and (min-width: 1024px) {
  #contents .p-hattatu-minori__list-item-text{
  text-align: center;
  margin-block: 20px;
  line-height: calc(30/20);
  letter-spacing: -.05em;
  font-size: min(calc(20 / 1400 * 100cqi),20px);
}
  .p-hattatu-minori__list{
    display: flex;
    justify-content: space-between;
  }
}
.p-hattatu-minori__list-item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  justify-content: space-between;
}
.p-hattatu-minori__list-arrow{
  position: absolute;
  left: 0%;
  right: 0;
  margin-inline: auto;
  top: calc(100% + calc(30 / 375 * 100cqi));
  width: calc(63.71 / 375 * 100cqi);
  aspect-ratio: 98 / 40;
  transform: rotate(90deg);
}
@media screen and (min-width: 1024px) {
.p-hattatu-minori__list-arrow{
  transform: rotate(0deg);
  position: absolute;
  right: auto;
  left: 90%;
  top: 10%;
  width: calc(98 / 1400 * 100cqi);
  aspect-ratio: 98 / 40;
}
}
.p-hattatu-minori__list-img{
  width: 100%;
}
.p-hattatu-minori__list-item + .p-hattatu-minori__list-item{
  margin-top: calc(100 / 375 * 100cqi);
}
@media screen and (min-width: 1024px) {
  .p-hattatu-minori__list-item + .p-hattatu-minori__list-item{
  margin-top: 0px;
}
}
.p-hattatu-minori__list-item[data-number="03"] .p-hattatu-minori__list-img{
  width: calc(206 / 336 * 100cqi);
}
.p-hattatu-minori__content-top-img{
  position: relative;
  height: max-content;
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-minori__text{
    max-width: 1050px;
    width: calc(1050 / 1400 * 100cqi);
  }
  .p-hattatu-minori__content-top-img{
    width: calc(320 / 1400 * 100cqi);
  }
  .p-hattatu-minori__content-top-img{
  margin-top: 0px;
}
}

@media screen and (min-width: 1024px) {
  .p-hattatu-minori__list-item[data-number="01"] .p-hattatu-minori__list-img{
    width: calc(377 / 1600 * 100cqi);
    max-width:377px;
  }
  .p-hattatu-minori__list-item[data-number="02"] .p-hattatu-minori__list-img{
    width: calc(386 / 1600 * 100cqi);
    max-width:386px;
  }
  .p-hattatu-minori__list-item[data-number="03"] .p-hattatu-minori__list-img{
    width: calc(226 / 1600 * 100cqi);
    max-width:226px;
  }
  .p-hattatu-minori__list-item[data-number="04"] .p-hattatu-minori__list-img{
    width: calc(353 / 1600 * 100cqi);
    max-width:353px;
  }
}

#contents.hattatu-section section.p-hattatu-minori-sec{
  max-width: 1600px;
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-minori__list-item{
    width: calc(480 / 1600 * 100cqi);
  }
  .p-hattatu-minori__content-top{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    max-width: 1400px;
    margin-inline: auto;
    gap: 30px;
  }
  .p-hattatu-minori__list-item-text--last{
    white-space: nowrap;
  }
}
#contents .p-hattatu-minori__text p{
  line-height: 2;
}
.p-hattatu-schedule__text-md{
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
.p-hattatu-schedule__text-md{
  font-size: 20px;
}
}
.p-hattatu-schedule__text-em{
  font-size:20px ;
  color: #B73522;
  margin-bottom: 10px;
  letter-spacing: .2em;
}
@media screen and (min-width: 1024px) {
    .p-hattatu-schedule__text-em{
    font-size:32px;
    margin-bottom:14px;
  }
}
#contents .p-hattatu-schedule__text-top{
  margin-bottom: 30px;
  line-height: 2;
}
#contents .p-hattatu-schedule__content-text{
  font-size: 14px;
  line-height: 2;
}
@media screen and (min-width: 1024px) {
  #contents .p-hattatu-schedule__content-text{
    font-size: 20px;
  }
}

.p-hattatu-schedule__content-list{
  font-size: 14px;
  line-height: calc(24 / 14);
}
.p-hattatu-schedule__content-border{
  border-bottom: 1px solid #000;
  padding-bottom: 30px;
}
.p-hattatu-schedule__content-item +.p-hattatu-schedule__content-item{
  margin-top: 30px;
}
.p-hattatu-schedule__body{
  display: flex;
  flex-direction: column-reverse;
}
.p-hattatu-schedule__right{
  margin-top: 10px;
  margin-bottom: 22px;
  }
  .p-hattatu-schedule{
  margin-bottom: 124px;
  }
@media screen and (min-width: 1024px) {
.p-hattatu-schedule__body{
  flex-direction: row-reverse;
  justify-content: space-between;
}
.p-hattatu-schedule__left{
  width: calc(700 / 1400 * 100cqi);
  }
  .p-hattatu-schedule__right{
  width: calc(670 / 1400 * 100cqi);
  margin-top: 0px;
  margin-bottom: 0;
  }
.p-hattatu-schedule{
  margin-bottom: 0;
  }
}
.p-hattatu-subheading--sm{
  font-size: 14px;
  letter-spacing: .1em;
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-subheading--sm{
    font-size: 24px;
    letter-spacing: .1em;
    display: block;
  }
}
.p-hattatu-subheading--schedule{
  display: block;
  align-items: center;
  gap: 16px;
}
.p-hattatu-schedule__date-list-wrap{
  display: flex;
  background-color: #D7C9B3;
  border-radius: 30px;
  justify-content: space-between;
  padding-block: 30px ;
  padding-inline: min(calc(36 / 375 * 100cqi),36px);
  font-weight: 600;
  gap: 10px;
  margin-bottom: 10px;
  max-width: 400px;
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
.p-hattatu-subheading--schedule{
  display: flex;
  align-items: center;
  gap: 16px;
}
  .p-hattatu-schedule__date-list-wrap{
  display: flex;
  background-color: #D7C9B3;
  border-radius: 30px;
  justify-content: space-between;
  padding-block: 60px ;
  padding-inline: min(calc(60 / 1400 * 100cqi),60px);
  font-weight: 600;
  gap: 30px;
  margin-bottom: 10px;
  max-width: initial;
}
}
.p-hattatu-section__bg--otosha{
  padding-block:80px;
}
.p-hattatu-schedule__date-list-lg{
  font-size: 28px;
}
.p-hattatu-schedule__date-list{
  font-size:18px;
}
.p-hattatu-schedule__date-list{
  width: calc(126 / 375 * 100cqi);
}
@media screen and (min-width: 1024px) {
  .p-hattatu-schedule__date-list{
    font-size: min(calc(30 / 1400 * 100cqi), 30px);
    width: calc(255 / 1400 * 100cqi);
  }
  .p-hattatu-schedule__date-list-lg{
    font-size: min(calc(48 / 1400 * 100cqi), 48px);
  }
}
#contents .p-hattatu-schedule__date-list li{
  line-height: 100%;
  border-bottom: 1px solid #fff;
  padding-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  letter-spacing: -.05em;
}
.p-hattatu-schedule__date-list li + li{
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-schedule__date-list li + li{
    margin-top: 30px;
  }
}
.p-hattatu-schedule__left img{
  width: 100%;
}
.u-br.pc{
	display: block;
}
.u-br.sp{
	display: none;
}
@media screen and (max-width: 1024px){
.u-br.pc{
	display: none;
}
.u-br.sp{
	display:block;
}
}
.p-hattatu-minori__content-top-arrow{
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(-80 / 336 * 100cqi);
  width: calc(246 / 336 * 100cqi);
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
.p-hattatu-minori__content-top-arrow{
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(-80 / 1600 * 100cqi);
  width: calc(246 / 1600 * 100cqi);
  margin-inline: auto;
}
}
.p-hattatu-minori__content-top{
  padding-bottom: 114px;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-minori__content-top{
  padding-bottom: 0px;
}
.p-hattatu-minori__content-wrap{
 padding-bottom: 67px;
}
}
.p-hattatu-nav ul{
  display: flex;
  flex-wrap: wrap;
  width: 95%;
  margin-inline: auto;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-nav ul{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-inline: auto;
  justify-content: center;
}

}
.p-hattatu-nav ul li{
  width: 33.333%;
  position: relative;
}

.p-hattatu-nav ul li:nth-child(7),
.p-hattatu-nav ul li:nth-child(8){
  width: 50%;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-nav ul li,
  .p-hattatu-nav ul li:nth-child(7),
  .p-hattatu-nav ul li:nth-child(8){
  width: max-content;
}
}
.p-hattatu-nav ul li + li::before{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #000;
}
.p-hattatu-nav ul li:nth-child(1)::before{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #000;
}
.p-hattatu-nav ul li:nth-child(3)::after,
.p-hattatu-nav ul li:nth-child(6)::after{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #000;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-nav ul li:nth-child(1)::before{
  display:none;
  }
.p-hattatu-nav ul li:nth-child(3)::after,
.p-hattatu-nav ul li:nth-child(6)::after{
  content: none;
}
}
.p-hattatu-schedule__date-list-caution{
  font-size:14px;
}
.p-hattatu-route__list-photo--figcaption{
  margin-top: 4px;
}
@media screen and (min-width: 1024px) {
.p-hattatu-route__list-photo--figcaption{
  font-size: 18px;
}
}
.p-hattatu-route__list-photo--figcaption [color="red"]{
  color: #B73522;
  font-weight: 300;
  line-height: calc(14 / 12);
  font-size: 12px;
  letter-spacing: 0;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route__list-photo--figcaption [color="red"]{
    font-size: 14px;
  }
}
.l-hero-hattatu__mv-text img{
  width: 100%;
}

.l-hero-hattatu__mv-text{
  position: absolute;
  right : calc(120 / 375 * 100cqi);
  top: calc(-300 / 375 * 100cqi);
  bottom: 0;
  width: min(calc(58 / 375 * 100cqi));
  transform: rotate(6.66deg);
}

@media screen and (min-width: 1024px) {
  .l-hero-hattatu__mv-text{
    position: absolute;
    right: auto;
    left: -30px;
    top: -20px;
    bottom: 0;
    transform: rotate(0deg);
    width: min(calc(100 / 1920 * 100cqi),100px);
  }
}
.p-hattatu-route__list-photo--figcaption{
  font-size:14px;
  font-weight:600;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route__list-photo--figcaption{
  font-size:18px;
}
}
.p-hattatu-route__list-photo--figcaption .red{
  font-size:12px;
  line-height: calc(14 / 12);
}
.p-hattatu-decorate--01{
  width: min(calc(205 / 1600 * 100cqi),205px);
  position: absolute;
  left: 70px;
  top: 60px;
}
.p-hattatu-decorate--02{
  width: min(calc(164 / 1600 * 100cqi),164px);
  position: absolute;
  right: 70px;
  top: 40px;
}
.p-hattatu-decorate--03{
  width: min(calc(247 / 1600 * 100cqi),247px);
  position: absolute;
  left: 70px;
  bottom: -140px;
}
.p-hattatu-decorate--04{
  width: min(calc(90 / 1600 * 100cqi),90px);
  position: absolute;
  right: 70px;
  bottom: 23px;
}
.p-hattatu-decorate{
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-decorate{
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  #contents .p-hattatu-minori__content-wrap .p-hattatu-subTxt {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-hattatu-schedule__left{
    width: calc(700 / 1400 * 100cqi);
  }
  .p-hattatu-schedule__right{
    width: calc(670 / 1400 * 100cqi);
  }
}
.p-hattatu-schedule__wrapper{
  padding-top: 40px;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-schedule__wrapper{
    margin-top: 0;
    padding-top: 170px;
  }
  .p-hattatu-schedule__wrapper{
    margin-bottom:200px !important;
  }
}
#contents .p-hattatu-schedule.last{
  padding-top: 84px;
}
@media screen and (min-width: 1024px) {
  #contents .p-hattatu-schedule.last{
    padding-top: 158px;
  }
}
#contents section.last{
  padding-inline: 14px;
}
.p-hattatu-route__ruby{
  line-height: 1.5;
}
.u-br.pc{
	display: none;
}
.u-br.sp{
	display: block;
}
@media screen and (min-width: 1024px) {
  .u-br.pc{
    display: block;
  }
  .u-br.sp{
    display:none;
  }
}
#contents .basicFlt ul.clm2 > li{
  width: 50%;
}
.p-hattatu-route-ootoshisya__caption{
  font-size: 12px;
  margin-top: 7px;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-schedule__date-month{
    width: calc(95 / 255 * 100%);
    text-align: right;
  }
.p-hattatu-route-ootoshisya__caption{
  font-size: 18px;
  font-weight: 600;
}
}
@media screen and (min-width: 1024px) {
  .p-hattatu-schedule__flex{
    display: flex;
    justify-content: space-between;
    margin-bottom: 124px;
  }
  .p-hattatu-schedule__aside{
    width:min(calc(670 / 1400 * 100cqi), 670px) ;
  }
  #contents .p-hattatu-schedule__aside p{
    line-height: 2;
  }
}
.p-hattatu-schedule__wrapper{
  margin-bottom: 124px;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-schedule__wrapper{
    margin-bottom: 0px;
  }
}
#contents .p-hattatu-nav li.last::after{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #000;
}
@media screen and (min-width: 1024px) {
  #contents .p-hattatu-nav li.last::after{
  display: none;
}
}
.p-hattatu-origin__title span{
  display: block;
  margin-top: 8px;
}
 .p-hattatu-origin__img{
  container-type: inline-size;
  position: relative;
 }
 .p-hattatu-origin__img img{
  width: 100%;
  display: block;
 }
   .p-hattatu-origin__img  .p-hattatu-origin__img-icon{
  width: calc(87 / 1200 * 100cqw);
  position: absolute;
  }
 .p-hattatu-origin__img-icon--01{
  left: calc(235 / 1200 * 100cqw);
  top: calc(-20 / 1200 * 100cqw);
 }
.p-hattatu-origin__img-icon--02{
    left: calc(813 / 1200 * 100cqw);
    top: calc(-60 / 1200 * 100cqw);
 }
.p-hattatu-origin__img-icon--03{
  left: calc(975 / 1200 * 100cqw);
  top: calc(-85 / 1200 * 100cqw);
 }
 .p-hattatu-origin__img-icon--04{
  left: calc(1095 / 1200 * 100cqw);
  top: calc(-85 / 1200 * 100cqw);
 }
@media screen and (min-width: 1024px) {
 .p-hattatu-origin__img{
    margin-inline: auto;
    width: calc(1200 / 1400 * 100cqi);
  }
}
.p-hattatu-route__title--sm{
  font-size: 12px;
}
@media screen and (min-width: 1024px) {
  .p-hattatu-route__title--sm{
    font-size: 16px;
  }
}

.c-anime-opacity{
  opacity: 0;
  animation: opacity .3s ease-in-out forwards;
  animation-delay: .5s;
}
@keyframes opacity {
  to{
    opacity: 1;
  }
}