/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.u_txt_white {
  color: #fff !important;
}

.u_txt_black {
  color: #000 !important;
}

.u_mt_0 {
  margin-top: 0px !important;
}

.u_mb_0 {
  margin-bottom: 0px !important;
}

.u_mb_10 {
  margin-bottom: 10px !important;
}

.u_ml_0 {
  margin-left: 0px !important;
}

.u_mr_0 {
  margin-right: 0px !important;
}

@media screen and (min-width: 769px) {
  .u_mt_md_0 {
    margin-top: 0px !important;
  }
  .u_mb_md_0 {
    margin-bottom: 0px !important;
  }
  .u_ml_md_0 {
    margin-left: 0px !important;
  }
  .u_mr_md_0 {
    margin-right: 0px !important;
  }
}
.u_pl_0 {
  padding-left: 0 !important;
}

.u_pr_0 {
  padding-right: 0 !important;
}

.u_pt_3 {
  padding-top: 3px !important;
}

.u_pb_3 {
  padding-bottom: 3px !important;
}

.u_pl_20 {
  padding-left: 20px !important;
}

@media screen and (min-width: 769px) {
  .u_pl_md_9 {
    padding-left: 9px !important;
  }
}
.u_txt_left {
  text-align: left !important;
}

.u_txt_right {
  text-align: right !important;
}

.u_txt_center {
  text-align: center !important;
}

.u_fw900 {
  font-weight: 900 !important;
}

.u_fw800 {
  font-weight: 800 !important;
}

.u_fw700 {
  font-weight: 700 !important;
}

.u_fw600 {
  font-weight: 600 !important;
}

.u_fw500 {
  font-weight: 500 !important;
}

.u_fw400 {
  font-weight: 400 !important;
}

.u_fw300 {
  font-weight: 300 !important;
}

.u_f_base {
  font-family: "Noto Sans JP", sans-serif !important;
}

.u_cl_red {
  color: #E95037;
}

.u_cl_yellow {
  color: #FCD03E;
}

.u_cl_blue {
  color: #8BD1F4;
}

/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.p_nara .c_mv01 {
  border: 0;
}
@media screen and (min-width: 768px) {
  .p_nara .c_mv01 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 32px 50px 0;
  }
}
.p_nara .head {
  border-top: 1px solid #cdd4db;
  border-bottom: 1px solid #cdd4db;
}
/*@media screen and (min-width: 768px) {
  .p_nara .head {
    display: flex;
    min-height: 570px;
    height: calc(100vh - 86px);
  }
}
@media screen and (min-width: 1024px) {
  .p_nara .head {
    height: calc(100vh - clamp(6.875rem, 3.4722222222vw + 4.6527777778rem, 8.125rem));
  }
}*/
.p_nara .head__left, .p_nara .head__right {
  padding-inline: 20px;
  height: 100%;
  flex: 1;
}
@media screen and (min-width: 768px) {
  .p_nara .head__left, .p_nara .head__right {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.p_nara .head__left {
  /*border-right: 1px solid #cdd4db;*/
  position: relative;
  padding-bottom: 70px;
}
@media screen and (min-width: 768px) {
  .p_nara .head__left {
    padding-bottom: 0;
  }
}
.p_nara .head__right {
  border-top: 1px solid #cdd4db;
  padding-block: 70px;
}
@media screen and (min-width: 768px) {
  .p_nara .head__right {
    max-width: 640px;
    border-top: 0;	margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 100px;
  }
}
.p_nara .head__logo {
  padding-top: 50px;
}
@media screen and (min-width: 768px) {
  .p_nara .head__logo {
    padding-top: 100px;
  }
}
.p_nara .head__logo_img {
  max-width: 353px;
  margin-left: auto;
  margin-right: auto;
}
.p_nara .head__text_img {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.p_nara .c_btn02__txt {
  font-family: "Zen Old Mincho", serif;
}
.p_nara .container_2col {
  display: flex;
}
.p_nara .sidebar {
  border-right: 1px solid #cdd4db;
  display: none;
}
@media screen and (min-width: 768px) {
  .p_nara .sidebar {
    padding-top: 12.1212121212vh;
    width: 25vw;
    min-width: 230px;
    display: block;
  }
}
.p_nara .sidebar__wrap {
  position: sticky;
  top: 120px;
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .p_nara .sidebar__content {
    margin-top: 17.1717171717vh;
    padding-left: clamp(1.25rem, 3.6057692308vw + -0.4807692308rem, 3.125rem);
  }
}
.p_nara .sidebar__nav {
  margin-bottom: 5.0505050505vh;
}
.p_nara .sidebar__target {
  display: block;
  font-size: 1rem;
  color: #9caab8;
  letter-spacing: 0;
  position: relative;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .p_nara .sidebar__target {
    font-size: clamp(1rem, 0.2403846154vw + 0.8846153846rem, 1.125rem);
  }
}
.p_nara .sidebar__target .text_bg {
  display: inline-flex;
  gap: clamp(0.625rem, 1.4423076923vw + -0.0673076923rem, 1.375rem);
  background-color: #fff;
  position: relative;
  z-index: 1;
  min-width: clamp(10rem, 3.6057692308vw + 8.2692307692rem, 11.875rem);
  max-width: 85.7142857143%;
}
.p_nara .sidebar__target.current {
  color: #00295f;
  pointer-events: none;
}
.p_nara .sidebar__target.current::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #5e718b;
  top: 50%;
  right: 0;
  translate: 0 -50%;
}
.p_nara .sidebar__target .order {
  font-family: "Marcellus", serif;
  flex-shrink: 0;
}
.p_nara .sidebar__target .ttl {
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.p_nara .sidebar__logo {
  max-width: 29.0909090909vh;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 20px;
}
.p_nara .sidebar__back {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  color: #00295f;
}
.p_nara .maincol {
  flex: 1;
}
.p_nara .block {
  display: flex;
}
.p_nara .block__image {
  width: 35%;
  aspect-ratio: 420/990;
}
@media screen and (min-width: 768px) {
  .p_nara .block__image {
    width: 35%;
  }
}
.p_nara .block__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p_nara .block__content {
  flex: 1;
  padding-left: clamp(1.25rem, 2.5510204082vw + 0.6521045918rem, 1.875rem);
  padding-right: 20px;
  display: flex;
  align-items: center;
  padding-block: 40px;
}
@media screen and (min-width: 768px) {
  .p_nara .block__content {
    padding-block: 50px;
    padding-left: clamp(1.25rem, 14.4230769231vw + -5.6730769231rem, 5.25rem);
    padding-right: 40px;
  }
}
.p_nara .block__ttl {
  font-family: "Marcellus", serif;
  color: #00295f;
  display: flex;
  flex-direction: column;
  font-size: 1.875rem;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .p_nara .block__ttl {
    gap: 22px;
    font-size: clamp(2.5rem, 1.9230769231vw + 1.5769230769rem, 3.5rem);
    margin-top: 20px;
  }
}
.p_nara .block__ttl span {
  display: block;
  line-height: 1.5;
}
.p_nara .block__collab_company {
  font-family: "Zen Old Mincho", serif;
  color: #00295f;
  margin-top: 15px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p_nara .block__collab_company {
    font-size: clamp(1.125rem, 0.2403846154vw + 1.0096153846rem, 1.25rem);
    margin-top: 30px;
  }
}
.p_nara .block__collab_ttl {
  font-family: "Zen Old Mincho", serif;
  color: #00295f;
  line-height: 1.5;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p_nara .block__collab_ttl {
    font-size: clamp(1.5rem, 0.9615384615vw + 1.0384615385rem, 2rem);
  }
}
.p_nara .block__catch {
  display: none;
  font-weight: 500;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .p_nara .block__catch {
    display: block;
    margin-top: 35px;
  }
}
.p_nara .block .c_btn02 {
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .p_nara .block .c_btn02 {
    margin-top: 55px;
  }
}
.p_nara .nara_tag {
  color: #fff;
  background: #5e718b;
  font-weight: 500;
  padding-inline: 2.1428571429em;
  height: 2.5714285714em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p_nara .nara_tag {
    padding-inline: 2.5em;
    height: 2.75em;
  }
}
.p_nara .pfooter {
  background: #eff2f3;
  padding-block: 80px;
}
@media screen and (min-width: 768px) {
  .p_nara .pfooter {
    padding-block: 160px;
  }
}
.p_nara .pfooter__inner {
  width: calc(100% - 40px);
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}
.p_nara .pfooter__logo {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p_nara .pfooter__logo {
    max-width: 353px;
  }
}
.p_nara .pfooter__catch {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  line-height: 2;
  color: #00295f;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_nara .pfooter__catch {
    font-size: 1.25rem;
    margin-top: 78px;
  }
}
.p_nara .pfooter .c_btn03 {
  background: #0b2348;
  max-width: 260px;
  font-family: "Zen Old Mincho", serif;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  padding: 11px 35px 11px clamp(1.25rem, 10.9090909091vw + -0.9318181818rem, 1.625rem);
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .p_nara .pfooter .c_btn03 {
    margin-top: 65px;
  }
}
.p_nara .pfooter .c_btn03 .icon_arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.p_nara.single .head {
  height: auto;
  min-height: 0;
}

.nara_single__main {
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .nara_single__main {
    padding-bottom: 120px;
  }
}
.nara_single__head {
  padding-top: 80px;
  padding-inline: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 55px;
}
@media screen and (min-width: 768px) {
  .nara_single__head {
    padding-top: 155px;
    margin-bottom: 110px;
    padding-left: 63px;
    padding-right: 76px;
  }
}
.nara_single__head_l {
  display: flex;
  align-items: center;
  gap: clamp(1.25rem, 2.4038461538vw + 0.0961538462rem, 2.5rem);
  width: fit-content;
  flex-shrink: 0;
}
.nara_single__head .nara_id {
  font-family: "Marcellus", serif;
  color: #00295f;
  font-size: 1.625rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .nara_single__head .nara_id {
    font-size: clamp(1.875rem, 1.2019230769vw + 1.2980769231rem, 2.5rem);
  }
}
.nara_single__mttl {
  font-family: "Zen Old Mincho", serif;
  color: #00295f;
  font-size: 2.1875rem;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .nara_single__mttl {
    font-size: clamp(2.1875rem, 3.6057692308vw + 0.4567307692rem, 4.0625rem);
  }
}
.nara_single__thumb {
  margin-bottom: 45px;
  aspect-ratio: 1200/640;
}
@media screen and (min-width: 768px) {
  .nara_single__thumb {
    margin-bottom: 95px;
  }
}
.nara_single__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nara_single__content {
  max-width: 960px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}
.nara_single__main .c_btn02 {
  max-width: 300px;
  margin: 60px auto 0 auto;
}
.nara_single__collab_company {
  font-family: "Zen Old Mincho", serif;
  color: #00295f;
  font-size: 1rem;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .nara_single__collab_company {
    font-size: clamp(1.125rem, 0.2403846154vw + 1.0096153846rem, 1.25rem);
  }
}
.nara_single__collab_ttl {
  font-family: "Zen Old Mincho", serif;
  color: #00295f;
  line-height: 1.5;
  font-size: 1.5rem;
  margin: 10px 0 25px;
}
@media screen and (min-width: 768px) {
  .nara_single__collab_ttl {
    font-size: clamp(1.5rem, 0.9615384615vw + 1.0384615385rem, 2rem);
  }
}
.nara_single__intro {
  line-height: 2;
  font-weight: 500;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .nara_single__intro {
    margin-bottom: 86px;
  }
}
.nara_single__intro ul {
  padding-left: 1em;
  list-style: disc;
}
.nara_single__intro ol {
  padding-left: 1em;
  list-style: decimal;
}
.nara_single__intro a {
  color: #00295F;
  text-decoration: underline;
}
.nara_single__intro h1,
.nara_single__intro h2,
.nara_single__intro h3,
.nara_single__intro h4,
.nara_single__intro h5,
.nara_single__intro h6 {
  color: #00295F;
  font-family: "Zen Old Mincho", serif;
  margin-bottom: 20px;
}
.nara_single__intro h1 {
  font-size: 2rem;
  border-bottom: 3px solid #00295F;
}
.nara_single__intro h2 {
  font-size: 1.8rem;
  border-bottom: 2px solid #00295F;
}
.nara_single__intro h3 {
  font-size: 1.6rem;
  border-bottom: 1px solid #00295F;
}
.nara_single__intro h4 {
  font-size: 1.4rem;
}
.nara_single__intro h5 {
  font-size: 1.2rem;
}
.nara_single__intro h6 {
  font-size: 1rem;
}
.nara_single__collab_img {
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px 15px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .nara_single__collab_img {
    gap: clamp(0.9375rem, 1.8028846154vw + 0.0721153846rem, 1.875rem);
    margin-bottom: 58px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.nara_single__img_group {
  display: flex;
  flex-direction: column;
}
.nara_single__img_group p {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(1.2rem, 0.4807692308vw + 0.7692307692rem, 1.25rem);
  line-height: 1.45;
  font-weight: 400;
  width: 100%;
}
.nara_single__img_group img+p {
  text-align: left;
  margin-top: 10px;
  font-size: clamp(1rem, 0.4807692308vw + 0.7692307692rem, 1.1rem);
}
.nara_single__img_group .img_head {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .nara_single__img_group .img_head {
    margin-bottom: 20px;
  }
}
.nara_single__img_group img {
  margin-top: auto;
  flex-shrink: 0;
  aspect-ratio: 300/420;
  object-fit: cover;
}
.nara_single__detail_statement {
  line-height: 2;
  font-weight: 500;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .nara_single__detail_statement {
    margin-bottom: 47px;
  }
}
.nara_single__map {
  aspect-ratio: 960/460;
}
.nara_single__map > * {
  width: 100%;
  height: 100%;
}

.p_nara_archive .nara_tag {
  font-size: 0.75rem;
  padding-inline: 1.4285714286em;
  height: 2.1428571429em;
}
@media screen and (min-width: 768px) {
  .p_nara_archive .nara_tag {
    font-size: 0.875rem;
  }
}
.p_nara_archive .nara_vol {
  font-family: "Marcellus", serif;
  color: #00295f;
  font-size: 1rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p_nara_archive .nara_vol {
    font-size: clamp(1rem, 0.4807692308vw + 0.7692307692rem, 1.25rem);
  }
}
.p_nara_archive .p_wakuwaku_grid__cate {
  display: flex;
  align-items: center;
  gap: 15px;
}
.p_nara_archive .p_wakuwaku_grid__ttl {
  font-family: "Zen Old Mincho", serif;
  font-size: 1.125rem;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media screen and (min-width: 768px) {
  .p_nara_archive .p_wakuwaku_grid__ttl {
    font-size: 1.5rem;
  }
}

/*# sourceMappingURL=nara-experien-shu.css.map */
