@charset "UTF-8";
/* Scss Document
*****************************************************************/
/* mixin
*********************************************************************/
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* font family */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tangerine&display=swap");
#wrapper {
  overflow-x: hidden; }
  #wrapper footer > div .bnr {
    display: none; }

.photokon {
  font-family: 'Noto Serif JP', serif;
  font-size: 16px;
  font-weight: 400;
  color: #231815;
  line-height: 1.4;
  padding-bottom: 80px; }
  .photokon .pconly {
    display: block; }
    @media all and (max-width: 767px) {
      .photokon .pconly {
        display: none; } }
  .photokon .sponly {
    display: none; }
    @media all and (max-width: 767px) {
      .photokon .sponly {
        display: block; } }
  .photokon .tabonly {
    display: none; }
    @media all and (max-width: 1023px) {
      .photokon .tabonly {
        display: block; } }
  .photokon .tabnone {
    display: block; }
    @media all and (max-width: 1023px) {
      .photokon .tabnone {
        display: none; } }
  .photokon .w1200 {
    width: calc(100% - 40px);
    max-width: 1200px;
    margin: 0 auto; }
  .photokon .w1000 {
    width: calc(100% - 40px);
    max-width: 1000px;
    margin: 0 auto; }
  .photokon .btn_more {
    text-align: center;
    max-width: 450px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold; }
    @media all and (max-width: 767px) {
      .photokon .btn_more {
        max-width: 320px;
        font-size: 12px; } }
    .photokon .btn_more > a {
      box-sizing: border-box;
      padding: 20px 25px 20px 25px;
      display: block;
      background: #231815;
      color: #fff;
      position: relative; }
      .photokon .btn_more > a::before {
        content: "";
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        border: 1px solid #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .photokon .btn_more > a::after {
        content: "＞";
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%); }
  .photokon .ttl_frame {
    margin-bottom: 20px; }
    @media all and (max-width: 767px) {
      .photokon .ttl_frame {
        width: 96px;
        margin: 0 auto 20px; } }
  .photokon .sec_ttl {
    max-width: 600px;
    margin: 0 auto; }
    .photokon .sec_ttl > p {
      font-family: 'Tangerine', serif;
      font-size: 100px;
      line-height: 1;
      border-bottom: 1px solid #231815;
      padding-bottom: 15px;
      margin-bottom: 20px; }
      @media all and (max-width: 767px) {
        .photokon .sec_ttl > p {
          font-size: 60px; } }
    .photokon .sec_ttl > h3 {
      font-size: 20px; }
      @media all and (max-width: 767px) {
        .photokon .sec_ttl > h3 {
          font-size: 16px; } }
  .photokon .hr_ribon {
    width: 100%; }
    .photokon .hr_ribon div {
      text-align: center;
      padding: 20px;
      margin-bottom: 40px; }
      .photokon .hr_ribon div img {
        margin: 0 auto; }
  .photokon .mainvisual {
    width: 100%;
    height: 800px;
    background-image: url(../images/main_img.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 40px; }
    .photokon .mainvisual.bg2 {
      background-image: url(../images/main_img2.jpg); }
    .photokon .mainvisual.bg3 {
      background-image: url(../images/main_img3.jpg); }
    @media all and (max-width: 1023px) {
      .photokon .mainvisual {
        height: 500px;
        margin-bottom: 200px; } }
    @media all and (max-width: 767px) {
      .photokon .mainvisual {
        height: 420px;
        background-image: url(../images/main_img_sp.jpg);
        margin-bottom: 200px; } }
    .photokon .mainvisual .area_mainvisual {
      height: 100%;
      position: relative; }
    .photokon .mainvisual .box_ttl {
      text-align: left;
      box-sizing: border-box;
      padding: 20px;
      background: rgba(211, 223, 200, 0.75);
      position: absolute;
      top: 60px;
      right: 0; }
      @media all and (max-width: 1023px) {
        .photokon .mainvisual .box_ttl {
          padding: 20px;
          top: auto;
          bottom: -190px;
          right: auto;
          left: 50%;
          transform: translate(-50%, 0);
          width: 100%;
          max-width: 460px;
          margin-bottom: 20px; } }
      @media all and (max-width: 767px) {
        .photokon .mainvisual .box_ttl {
          padding: 20px;
          max-width: 275px; } }
    .photokon .mainvisual .photokon_subttl {
      font-size: 18px;
      margin-bottom: 10px; }
      @media all and (max-width: 767px) {
        .photokon .mainvisual .photokon_subttl {
          font-size: 16px; } }
    .photokon .mainvisual .photokon_ttl {
      font-size: 24px; }
      @media all and (max-width: 767px) {
        .photokon .mainvisual .photokon_ttl {
          font-size: 22px; } }
    .photokon .mainvisual .photokon_price {
      font-size: 22px;
      padding-bottom: 10px;
      border-top: 1px solid #231815;
      border-bottom: 1px solid #231815; }
      @media all and (max-width: 767px) {
        .photokon .mainvisual .photokon_price {
          font-size: 14px; } }
    .photokon .mainvisual .en_price {
      font-size: 110px;
      font-family: 'Tangerine', serif;
      line-height: 0.5; }
      @media all and (max-width: 767px) {
        .photokon .mainvisual .en_price {
          font-size: 70px;
          line-height: 0.6; } }
    .photokon .mainvisual .price_br {
      display: inline-block;
      line-height: 3; }
    .photokon .mainvisual .ttl_img {
      position: absolute;
      width: 134px;
      left: 20px;
      top: -90px; }
      @media all and (max-width: 767px) {
        .photokon .mainvisual .ttl_img {
          width: 80px;
          left: auto;
          right: -15px;
          top: -60px; } }
    .photokon .mainvisual .mark_ttl {
      width: 300px;
      position: absolute;
      bottom: 94px;
      right: 0; }
      @media all and (max-width: 767px) {
        .photokon .mainvisual .mark_ttl {
          width: 160px;
          bottom: auto;
          right: auto;
          top: 20px;
          right: 10px; } }
  .photokon .box_benefits {
    text-align: center;
    box-sizing: border-box;
    background-image: url("../images/txt_present.svg");
    background-repeat: no-repeat;
    background-position: right 10px bottom 10px;
    background-size: 365px auto;
    background-color: #F2E8CE;
    padding: 30px;
    max-width: 1000px;
    margin: 0 auto 40px; }
    @media all and (max-width: 767px) {
      .photokon .box_benefits {
        background-position: right 5px bottom 5px;
        background-size: 182px auto;
        padding: 20px 15px;
        margin-bottom: 30px; } }
    .photokon .box_benefits .ttl_benefits {
      box-sizing: border-box;
      font-size: 24px;
      padding: 10px;
      max-width: 600px;
      margin: 0 auto 30px;
      border-top: 1px solid #231815;
      border-bottom: 1px solid #231815; }
      @media all and (max-width: 767px) {
        .photokon .box_benefits .ttl_benefits {
          font-size: 18px;
          margin-bottom: 15px; } }
    .photokon .box_benefits .txt_benefits {
      font-size: 20px;
      margin-bottom: 20px; }
      @media all and (max-width: 767px) {
        .photokon .box_benefits .txt_benefits {
          font-size: 14px;
          margin-bottom: 10px; } }
    .photokon .box_benefits .copy_benefits {
      font-size: 28px; }
      @media all and (max-width: 767px) {
        .photokon .box_benefits .copy_benefits {
          font-size: 20px; } }
  .photokon .txt_note {
    text-align: left;
    margin: 40px 0 60px;
    font-size: 12px; }
    @media all and (max-width: 767px) {
      .photokon .txt_note {
        margin: 30px 0; } }
  .photokon .photokon_plan {
    margin-bottom: 80px; }
    @media all and (max-width: 767px) {
      .photokon .photokon_plan {
        margin-bottom: 40px; } }
    .photokon .photokon_plan .area_plan {
      box-sizing: border-box;
      padding: 60px 80px;
      background: #F4EEE2; }
      @media all and (max-width: 767px) {
        .photokon .photokon_plan .area_plan {
          padding: 30px 15px 20px; } }
    .photokon .photokon_plan .ttl_plan {
      font-size: 24px;
      margin-bottom: 40px; }
      @media all and (max-width: 767px) {
        .photokon .photokon_plan .ttl_plan {
          font-size: 18px;
          margin-bottom: 20px; } }
    .photokon .photokon_plan .list_plan {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .photokon .photokon_plan .list_plan > li {
        width: 23%;
        background: #fff;
        margin-bottom: 2.66%; }
        @media all and (max-width: 767px) {
          .photokon .photokon_plan .list_plan > li {
            width: 48%;
            margin-bottom: 20px; } }
    .photokon .photokon_plan .txt_plan {
      padding: 5px 5px 20px; }
      @media all and (max-width: 767px) {
        .photokon .photokon_plan .txt_plan {
          padding: 10px 5px;
          font-size: 12px; } }
  .photokon .photokon_gallery .area_gallery {
    padding: 40px 0;
    margin-bottom: 20px;
    position: relative; }
    @media all and (max-width: 767px) {
      .photokon .photokon_gallery .area_gallery {
        padding: 30px 0;
        margin-bottom: 10px; } }
  .photokon .photokon_gallery .txt_gallery_sp {
    line-height: 2;
    margin-bottom: 20px; }
  .photokon .photokon_gallery .sec_gallery01 {
    padding-top: 109%;
    position: relative;
    margin-bottom: 2%; }
    @media all and (max-width: 767px) {
      .photokon .photokon_gallery .sec_gallery01 {
        padding-top: 313.4%;
        margin-bottom: 3.5%; } }
  .photokon .photokon_gallery .txt_gallery {
    font-size: 16px;
    line-height: 2;
    text-align: left;
    position: absolute;
    top: 0;
    left: 53.5%; }
  .photokon .photokon_gallery .ttl_gallery {
    margin-bottom: 60px; }
    @media all and (max-width: 767px) {
      .photokon .photokon_gallery .ttl_gallery {
        margin-bottom: 20px; } }
  .photokon .photokon_gallery .photo_gallery01 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    .photokon .photokon_gallery .photo_gallery01 img {
      width: 100%;
      max-width: none; }
    .photokon .photokon_gallery .photo_gallery01 > li {
      position: absolute; }
      .photokon .photokon_gallery .photo_gallery01 > li:nth-of-type(1) {
        width: 45.5%;
        top: 0;
        left: 0; }
        @media all and (max-width: 767px) {
          .photokon .photokon_gallery .photo_gallery01 > li:nth-of-type(1) {
            width: 100%; } }
      .photokon .photokon_gallery .photo_gallery01 > li:nth-of-type(2) {
        width: 52.5%;
        top: 14.5%;
        right: 0; }
        @media all and (max-width: 767px) {
          .photokon .photokon_gallery .photo_gallery01 > li:nth-of-type(2) {
            width: 100%;
            top: 45.9%; } }
      .photokon .photokon_gallery .photo_gallery01 > li:nth-of-type(3) {
        width: 36.5%;
        bottom: 0;
        right: 16%; }
        @media all and (max-width: 767px) {
          .photokon .photokon_gallery .photo_gallery01 > li:nth-of-type(3) {
            width: 53.7%;
            bottom: 5.7%;
            right: 0; } }
      .photokon .photokon_gallery .photo_gallery01 > li:nth-of-type(4) {
        width: 26.8%;
        bottom: 0;
        left: 18.8%; }
        @media all and (max-width: 767px) {
          .photokon .photokon_gallery .photo_gallery01 > li:nth-of-type(4) {
            width: 43%;
            left: 0; } }
  .photokon .photokon_gallery .sec_gallery02 {
    padding-top: 44.3%;
    position: relative;
    margin-bottom: 2%; }
    @media all and (max-width: 767px) {
      .photokon .photokon_gallery .sec_gallery02 {
        padding-top: 70%;
        margin-bottom: 3.5%; } }
  .photokon .photokon_gallery .photo_gallery02 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    .photokon .photokon_gallery .photo_gallery02 img {
      width: 100%;
      max-width: none; }
    .photokon .photokon_gallery .photo_gallery02 > li {
      position: absolute; }
      .photokon .photokon_gallery .photo_gallery02 > li:nth-of-type(1) {
        width: 68.3%;
        top: 0;
        left: 0; }
        @media all and (max-width: 767px) {
          .photokon .photokon_gallery .photo_gallery02 > li:nth-of-type(1) {
            width: 100%; } }
      .photokon .photokon_gallery .photo_gallery02 > li:nth-of-type(2) {
        width: 47%;
        top: 35.16%;
        left: 11.25%; }
        @media all and (max-width: 767px) {
          .photokon .photokon_gallery .photo_gallery02 > li:nth-of-type(2) {
            width: 100%;
            top: 21.2%;
            left: 0; } }
      .photokon .photokon_gallery .photo_gallery02 > li:nth-of-type(3) {
        width: 40%;
        top: 38.5%;
        right: 0; }
        @media all and (max-width: 767px) {
          .photokon .photokon_gallery .photo_gallery02 > li:nth-of-type(3) {
            width: 53.7%;
            top: 42.4%;
            right: auto;
            left: 0; } }
      .photokon .photokon_gallery .photo_gallery02 > li:nth-of-type(4) {
        width: 28.75%;
        bottom: 26.1%;
        left: 29.6%; }
        @media all and (max-width: 767px) {
          .photokon .photokon_gallery .photo_gallery02 > li:nth-of-type(4) {
            width: 53.7%;
            bottom: 21.3%;
            left: auto;
            right: 0; } }
      .photokon .photokon_gallery .photo_gallery02 > li:nth-of-type(5) {
        width: 50%;
        bottom: 0;
        left: 0; }
        @media all and (max-width: 767px) {
          .photokon .photokon_gallery .photo_gallery02 > li:nth-of-type(5) {
            width: 100%; } }
  .photokon .photokon_gallery .photo_gallery03 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .photokon .photokon_gallery .photo_gallery03 > li {
      width: 16%;
      margin-bottom: 0.8%; }
      @media all and (max-width: 767px) {
        .photokon .photokon_gallery .photo_gallery03 > li {
          width: 32%;
          margin-bottom: 2%; } }
  .photokon .photokon_option {
    padding: 100px 0; }
    @media all and (max-width: 767px) {
      .photokon .photokon_option {
        padding: 60px 0; } }
    .photokon .photokon_option .txt_option {
      margin-top: 40px;
      font-size: 20px;
      line-height: 2; }
      @media all and (max-width: 1023px) {
        .photokon .photokon_option .txt_option {
          margin-top: 20px;
          font-size: 18px; } }
      @media all and (max-width: 767px) {
        .photokon .photokon_option .txt_option {
          font-size: 16px; } }
    .photokon .photokon_option .txt_option_sp {
      margin-bottom: 20px; }
    .photokon .photokon_option .mark_option {
      margin: 60px 0; }
      @media all and (max-width: 767px) {
        .photokon .photokon_option .mark_option {
          width: 140px;
          margin: 40px auto; } }
    .photokon .photokon_option .sec_option01 {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 0 60px;
      position: relative;
      z-index: 5; }
      @media all and (max-width: 767px) {
        .photokon .photokon_option .sec_option01 {
          padding: 20px 0 30px; } }
    .photokon .photokon_option .box_option01 {
      padding-top: 98.2%;
      position: relative; }
      @media all and (max-width: 767px) {
        .photokon .photokon_option .box_option01 {
          padding-top: 212%; } }
    .photokon .photokon_option .txt_option01 {
      text-align: left;
      position: absolute;
      top: 0;
      left: 60%; }
    .photokon .photokon_option .list_option01 {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      .photokon .photokon_option .list_option01 > li {
        position: absolute; }
        .photokon .photokon_option .list_option01 > li:nth-of-type(1) {
          width: 40%;
          top: 0;
          left: 10%; }
          @media all and (max-width: 767px) {
            .photokon .photokon_option .list_option01 > li:nth-of-type(1) {
              width: 100%;
              left: 0; } }
        .photokon .photokon_option .list_option01 > li:nth-of-type(2) {
          width: 46%;
          bottom: 0;
          left: 10%; }
          @media all and (max-width: 767px) {
            .photokon .photokon_option .list_option01 > li:nth-of-type(2) {
              width: 45%;
              bottom: 6%;
              left: 0; } }
        .photokon .photokon_option .list_option01 > li:nth-of-type(3) {
          width: 27.4%;
          bottom: 0;
          right: 14%; }
          @media all and (max-width: 767px) {
            .photokon .photokon_option .list_option01 > li:nth-of-type(3) {
              width: 42%;
              right: 0; } }
    .photokon .photokon_option .sec_option02 {
      max-width: 1200px;
      margin: 0 auto 80px;
      position: relative;
      z-index: 5; }
      @media all and (max-width: 767px) {
        .photokon .photokon_option .sec_option02 {
          margin-bottom: 60px; } }
      .photokon .photokon_option .sec_option02 .box_option02 {
        padding-top: 82.6%;
        position: relative; }
        @media all and (max-width: 767px) {
          .photokon .photokon_option .sec_option02 .box_option02 {
            padding-top: 238%; } }
      .photokon .photokon_option .sec_option02 .txt_option02 {
        text-align: left;
        position: absolute;
        top: 9.8%;
        left: 0; }
      .photokon .photokon_option .sec_option02 .list_option02 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
        .photokon .photokon_option .sec_option02 .list_option02 > li {
          position: absolute; }
          .photokon .photokon_option .sec_option02 .list_option02 > li:nth-of-type(1) {
            width: 50%;
            top: 0;
            right: 0; }
            @media all and (max-width: 767px) {
              .photokon .photokon_option .sec_option02 .list_option02 > li:nth-of-type(1) {
                width: 100%; } }
          .photokon .photokon_option .sec_option02 .list_option02 > li:nth-of-type(2) {
            width: 22%;
            top: 54.5%;
            left: 0; }
            @media all and (max-width: 767px) {
              .photokon .photokon_option .sec_option02 .list_option02 > li:nth-of-type(2) {
                width: 100%;
                top: 34.8%; } }
          .photokon .photokon_option .sec_option02 .list_option02 > li:nth-of-type(3) {
            width: 26%;
            top: 54.5%;
            left: 24%; }
            @media all and (max-width: 767px) {
              .photokon .photokon_option .sec_option02 .list_option02 > li:nth-of-type(3) {
                width: 48.7%;
                top: auto;
                bottom: 0;
                left: 0; } }
          .photokon .photokon_option .sec_option02 .list_option02 > li:nth-of-type(4) {
            width: 29%;
            top: 54.5%;
            right: 15%; }
            @media all and (max-width: 767px) {
              .photokon .photokon_option .sec_option02 .list_option02 > li:nth-of-type(4) {
                width: 48.7%;
                top: auto;
                bottom: 2%;
                right: 0; } }
    .photokon .photokon_option .subttl_option {
      font-size: 24px;
      margin-bottom: 15px; }
      @media all and (max-width: 767px) {
        .photokon .photokon_option .subttl_option {
          font-size: 20px; } }
    .photokon .photokon_option .price_option {
      margin-bottom: 15px; }
      @media all and (max-width: 767px) {
        .photokon .photokon_option .price_option {
          font-size: 14px; } }
      .photokon .photokon_option .price_option span {
        font-size: 1.5em; }
    .photokon .photokon_option .service_option {
      line-height: 2; }
      @media all and (max-width: 767px) {
        .photokon .photokon_option .service_option {
          font-size: 14px; } }
  .photokon .area_link .list_link {
    max-width: 640px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    .photokon .area_link .list_link > li {
      width: 46%;
      display: table; }
      .photokon .area_link .list_link > li img {
        width: 100%;
        max-width: none; }
      .photokon .area_link .list_link > li:nth-of-type(1) > a {
        display: table-cell;
        background-size: auto auto;
        background-color: #d1a8a8;
        background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, #cc9e9e 3px, #cc9e9e 6px); }
      .photokon .area_link .list_link > li:nth-of-type(2) > a {
        display: table-cell;
        background-size: auto auto;
        background-color: #ccbaa2;
        background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, #c6b297 3px, #c6b297 6px); }
  .photokon .area_link .txt_link {
    font-size: 20px;
    line-height: 2;
    margin-bottom: 60px; }
    @media all and (max-width: 767px) {
      .photokon .area_link .txt_link {
        font-size: 16px;
        margin-bottom: 40px; } }
  .photokon .area_link .txt_list {
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    padding: 5px; }
    @media all and (max-width: 767px) {
      .photokon .area_link .txt_list {
        font-size: 14px; } }
  .photokon footer > div .info .en_time {
    padding: 10px 0; }
  .photokon .bgJpn {
    width: 100%;
    background-image: url("../images/bg_l.png"), url("../images/bg_r.png");
    background-position: left 0 center, right 0 center;
    background-repeat: repeat-y;
    background-size: 34%; }