/*
CTC Separate Stylesheet
Updated: 2025-11-09 19:47:10
Theme Name: lorelight Child
Template: lorelight_theme
Author: Oracle design Jugem
Author URI: https://oracle-design.com
Version: 1.0.1762685230
*/

html {
  font-size: 50%;
}

.text-center {
  text-align: left;
}

.section-title {
  position: relative;
  display: block;
  width: fit-content;
  font-size: var(--large-font-size);
/*  text-align: center;*/
  margin-top: calc(var(--large-font-size) + 48px);
  margin-bottom: calc(var(--large-font-size) + 60px);
  margin-inline: auto;
  &::before,
  &::after {
    position: absolute;
    top: -24px;
    left: -48px;
    content: '\201C';
    color: var(--accent-color);
    font-size: var(--exl-font-size);
    font-weight: 900;
  }
  &::after {
    content: '\201D';
    top: initial;
    left: initial;
    bottom: -24px;
    right: -48px;
  }
}
.page-title {
  position: relative;
/*  text-align: center;*/
  font-size: var(--large-font-size);
  font-weight: bold;
  margin-top: 48px;
  margin-bottom: 172px;
  &::after {
    position: absolute;
    top: 72px;
    right: 50%;
    width: 1px;
    height: 96px;
    content: '';
    border: solid 1px var(--accent-color);
  }
}
.btn-wrapper {
  display: flex;
/*  justify-content: center;
  align-items: center;*/
  margin-bottom: 48px;
  &.btn-large > a.btn {
    width: 100%;
    height: 108px;
    font-size: var(--large-font-size);
  }
}

/* 固定ページ設定 */