@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
ページなび・パンくず　各ページタイトル
---------------------------------------------------------------------------------------------------------------------
*/
.page-nav ul {
  display: flex;
  align-items: center; }
  .page-nav ul li {
    font-size: 0.70em;
    margin-right: 6px;
    display: flex; }
    @media (min-width: 768px) {
      .page-nav ul li {
        font-size: 0.80em; } }
    @media (min-width: 1250px) {
      .page-nav ul li {
        font-size: 0.85em;
        margin-right: 10px; } }
    .page-nav ul li:last-child {
      margin-right: 0;
      font-weight: bold; }
    .page-nav ul li img {
      width: 10px;
      vertical-align: bottom;
      transform: rotate(-90deg); }
      @media (min-width: 1250px) {
        .page-nav ul li img {
          width: 12px; } }

#page-header {
  max-width: 1600px;
  width: 90%;
  margin: 80px auto 0;
  display: flex;
  justify-content: space-between; }
  @media (min-width: 768px) {
    #page-header {
      margin: 100px auto 0; } }
  #page-header .page-tilte {
    margin: 20px 0 0 0; }
    @media (min-width: 768px) {
      #page-header .page-tilte {
        margin: 40px 0 0 0; } }
    @media (min-width: 1250px) {
      #page-header .page-tilte {
        margin: 60px 0 0 0; } }
    #page-header .page-tilte .page-nav {
      margin-bottom: 5px; }
      @media (min-width: 768px) {
        #page-header .page-tilte .page-nav {
          margin-bottom: 10px; } }
    #page-header .page-tilte h1 {
      font-size: 2.3em;
      line-height: 1.4em;
      color: #FF9301;
      margin-top: -8px; }
      @media (min-width: 768px) {
        #page-header .page-tilte h1 {
          font-size: 3.5em;
          margin-top: -12px; } }
      @media (min-width: 1250px) {
        #page-header .page-tilte h1 {
          font-size: 4.3em;
          margin-top: -16px; } }
      #page-header .page-tilte h1.wa {
        font-size: 1.6em;
        font-feature-settings: "palt";
        letter-spacing: 0.04em;
        color: #FF9301;
        margin-top: 10px; }
        @media (min-width: 768px) {
          #page-header .page-tilte h1.wa {
            font-size: 2em;
            margin-top: 10px; } }
        @media (min-width: 1024px) {
          #page-header .page-tilte h1.wa {
            font-size: 2.8em; } }
        @media (min-width: 1450px) {
          #page-header .page-tilte h1.wa {
            font-size: 4.0em; } }
  #page-header .illust {
    position: relative;
    width: 40%; }
    #page-header .illust .people {
      width: 100%;
      position: relative;
      top: 0%;
      left: -30%;
      z-index: 5; }
      @media (min-width: 768px) {
        #page-header .illust .people {
          width: 80%;
          left: -40%; } }
      @media (min-width: 1250px) {
        #page-header .illust .people {
          width: 70%; } }
    #page-header .illust .people-3 {
      width: 70%;
      position: relative;
      top: 0%;
      left: -30%;
      z-index: 5; }
      @media (min-width: 768px) {
        #page-header .illust .people-3 {
          width: 50%;
          left: -20%; } }
    #page-header .illust .heart {
      max-width: 600px;
      width: 90%;
      position: absolute;
      top: 0;
      right: -5%;
      z-index: -1; }
      @media (min-width: 1250px) {
        #page-header .illust .heart {
          right: 0; } }