@charset "UTF-8";
/* media query */
header.photoMainimg {
  position: relative; }
  header.photoMainimg > h1 {
    position: absolute;
    left: 100px;
    z-index: 1;
    padding-top: 50px; }
    @media screen and (max-width: 960px) {
      header.photoMainimg > h1 {
        left: 30px; } }
    @media screen and (max-width: 668px) {
      header.photoMainimg > h1 {
        left: 20px; } }
    @media screen and (max-width: 668px) {
      header.photoMainimg > h1 {
        padding-top: 30px; } }
    header.photoMainimg > h1 img {
      width: 140px !important; }
      @media screen and (max-width: 668px) {
        header.photoMainimg > h1 img {
          width: 100px !important; } }
      @media screen and (max-width: 668px) and (orientation: portrait) {
        header.photoMainimg > h1 img {
          filter: brightness(900%); } }
    header.photoMainimg > h1 span {
      display: block;
      font-size: 15px;
      letter-spacing: 3px;
      margin-top: 8px;
      text-align: center; }
      @media screen and (max-width: 668px) {
        header.photoMainimg > h1 span {
          font-size: 10px; } }
      @media screen and (max-width: 668px) and (orientation: portrait) {
        header.photoMainimg > h1 span {
          color: #fff; } }
  header.photoMainimg > div {
    position: relative; }
    header.photoMainimg > div > p {
      width: calc(100% - 340px);
      height: calc(100vh - 180px);
      margin: 0 0 0 auto;
      min-height: 700px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }
      @media screen and (max-width: 960px) {
        header.photoMainimg > div > p {
          width: calc(100% - 200px);
          height: 40vh; } }
      @media screen and (max-width: 668px) and (orientation: portrait) {
        header.photoMainimg > div > p {
          width: 100%;
          height: 50vh;
          min-height: auto; } }
    header.photoMainimg > div > div {
      width: 650px;
      height: 420px;
      padding: 40px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: rgba(255, 255, 255, 0.9);
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 960px) {
        header.photoMainimg > div > div {
          width: 50%;
          height: auto; } }
      @media screen and (max-width: 668px) and (orientation: portrait) {
        header.photoMainimg > div > div {
          padding: 30px 30px 20px;
          width: calc(100% - 40px);
          height: auto;
          position: static;
          margin-top: -50px; } }
      header.photoMainimg > div > div > section > h2 {
        font-size: 3em;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 30px; }
        header.photoMainimg > div > div > section > h2 small {
          display: block;
          font-size: 14px;
          font-weight: 400;
          letter-spacing: 2px; }
        @media screen and (max-width: 960px) {
          header.photoMainimg > div > div > section > h2 {
            font-size: 2em; } }
        @media screen and (max-width: 668px) and (orientation: portrait) {
          header.photoMainimg > div > div > section > h2 {
            font-size: 1.5em;
            margin-bottom: 20px; } }
      header.photoMainimg > div > div > section > p {
        font-size: 1.7em;
        line-height: 170%; }
        @media screen and (max-width: 960px) {
          header.photoMainimg > div > div > section > p {
            font-size: 1.3em; } }
        header.photoMainimg > div > div > section > p.text {
          font-size: 2.6em;
          margin-bottom: 10px;
          margin-left: -0.5em; }
          @media screen and (max-width: 960px) {
            header.photoMainimg > div > div > section > p.text {
              font-size: 2.5em; } }
          header.photoMainimg > div > div > section > p.text small {
            font-size: 0.5em; }
        header.photoMainimg > div > div > section > p.link a {
          position: relative;
          display: inline-block;
          border: 1px solid #ddd;
          line-height: 150%;
          font-size: 14px;
          color: #222;
          padding: 15px 40px 15px 25px;
          background-color: #fff; }
          header.photoMainimg > div > div > section > p.link a::after {
            position: absolute;
            right: 20px;
            top: calc(50% - 5px);
            content: "";
            display: block;
            width: 5px;
            height: 9px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 5px auto;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%228.239%22%20viewBox%3D%220%200%205%208.239%22%3E%20%3Cpath%20id%3D%22chevron-right-solid%22%20d%3D%22M32.362%2C42.1%2C28.7%2C45.764a.453.453%2C0%2C0%2C1-.64%2C0l-.428-.428a.453.453%2C0%2C0%2C1%2C0-.64l2.906-2.92-2.906-2.92a.453.453%2C0%2C0%2C1%2C0-.64l.428-.428a.453.453%2C0%2C0%2C1%2C.64%2C0l3.667%2C3.667A.453.453%2C0%2C0%2C1%2C32.362%2C42.1Z%22%20transform%3D%22translate(-27.495%20-37.657)%22%20fill%3D%22%23ddd%22%2F%3E%3C%2Fsvg%3E");
            background-size: contain;
            transition: 0.5s; }
          header.photoMainimg > div > div > section > p.link a:hover {
            background-color: #3E577E;
            color: #fff;
            border: 1px solid #3E577E; }
          @media screen and (max-width: 960px) {
            header.photoMainimg > div > div > section > p.link a {
              padding: 10px 35px 10px 15px; } }
          header.photoMainimg > div > div > section > p.link a:hover::after {
            right: 15px; }
        header.photoMainimg > div > div > section > p.sub {
          font-size: 1em;
          margin-top: 20px;
          padding-left: 30px;
          position: relative; }
          @media screen and (max-width: 668px) and (orientation: portrait) {
            header.photoMainimg > div > div > section > p.sub {
              font-size: 0.9em; } }
          header.photoMainimg > div > div > section > p.sub::before {
            content: "－";
            color: #ccc;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%); }