@charset "UTF-8";
/****************************************
*** // AREA: サイト全体の定義
****************************************/
:root {
  /* サイト全体のフォントファミリー（フォントの種類） */
  --g-font-mincho: "Yu Mincho", "YuMincho", "Times New Roman", "Hiragino Mincho ProN", "MS PMincho", serif;
  --g-font-gothic: "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN",
    "Arial", "Meiryo", sans-serif;
  /* 各エリア（セクション）の幅 */
  --g-area-width-small: 960px;
  --g-area-width-standard: 1200px;
  --g-area-width-large: 1440px;
  /* ヘッダーの高さ */
  --g-header-height: 60px;
  /* 要素の余白 */
  --g-space-mini: 16px;
  --g-space-small: 24px;
  --g-space-medium: 48px;
  --g-space-large: 72px;
  --g-space-big: 96px;
  --g-space-inner-area: 144px;
  --g-size-site-text: 18px;
  --g-size-bg-text: 120px;
  /* サイトの各種カラーを定義 */
  --g-color-theme: #ffffff;
  --g-color-theme-sub: #676767;
  --g-color-accent: #ffffff;
  --g-color-accent-sub: #892112;
  --g-color-font: #333333;
  --g-color-bg: #cdcdcd;
  --g-color-bg-text: #e9dacb;
  --g-color-border-default: #898989;
  --g-style-border-default: 1px solid #898989;
  /* テキストの一文字間のスペース */
  --g-letter-space-small: 0.08em;
  --g-letter-space-standard: 0.16em;
  --g-letter-space-medium: 0.24em;
  --g-letter-space-large: 0.32em;
  /* エフェクト、アニメーションの時間 */
  --g-time-duration: 0.4s;
}

.wrapper {
  font-size: var(--g-size-site-text);
  font-family: var(--g-font-mincho);
  letter-spacing: var(--g-letter-space-standard);
  /* 行間の高さを指定 */
  line-height: 1.6;
}

.string,
.sentence {
  text-box-trim: trim-both;
  text-box-edge: text;
}

.sentence {
  text-transform: capitalize;
}
.sentence:not(:last-of-type) {
  padding-bottom: var(--g-space-mini);
}

/****************************************
*** // AREA: サイト全体のレイアウト
****************************************/
.ly-fixed-width,
.ly-fixed-width-small,
.ly-fixed-width-large {
  margin: 0 auto;
}

.ly-fixed-width {
  max-width: var(--g-area-width-standard);
}

.ly-fixed-width-small {
  max-width: var(--g-area-width-small);
}

.ly-fixed-width-large {
  max-width: var(--g-area-width-large);
}

.ly-inner-area {
  padding-top: 0;
  padding-bottom: 0;
}

.ly-inner-area-btm {
  padding-bottom: var(--g-space-inner-area);
}

.ly-space-btm-medium {
  padding-bottom: var(--g-space-medium);
}

.ly-space-btm-small {
  padding-bottom: var(--g-space-small);
}

.ly-space-btm-big {
  padding-bottom: var(--g-space-big);
}

/****************************************
*** // AREA: サイト共通のスタイル
****************************************/
/* エリアの主要な見出し */
.g-heading-prmy {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 480px;
  width: 100%;
  /* flex-direction: column; */
}
.g-heading-prmy::before {
  --size-width: 360px;
  --size-height: 2px;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  z-index: -1;
  max-width: var(--size-width);
  width: 100%;
  height: var(--size-height);
  background-color: var(--g-color-accent);
}
.g-heading-prmy .string:nth-of-type(1) {
  --size-font: 24px;
  --space-outer-vert: 8px;
  margin-bottom: var(--space-outer-vert);
  font-size: var(--size-font);
  text-transform: capitalize;
  font-weight: bold;
}
.g-heading-prmy .string:nth-of-type(2) {
  padding-top: 8px;
}

/* サイトメインボタン */
.g-btn-main {
  --size-border-width: 1px;
}
.g-btn-main .link {
  position: relative;
  padding: var(--g-space-mini) var(--g-space-medium);
  border: var(--g-style-border-default);
  transition: background-color var(--g-time-duration);
}
.g-btn-main .link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: var(--g-color-theme);
  scale: 0 1;
  transform-origin: left;
  transition: scale var(--g-time-duration);
}
.g-btn-main .link::after {
  --size-box-width: 120px;
  --size-box-height: 1px;
  --color-bg: var(--g-color-border-default);
}
.g-btn-main .link .string {
  transition: color var(--g-time-duration);
}
.g-btn-main .link:hover::before {
  scale: 1 1;
}
.g-btn-main .link:hover::after {
  right: -25%;
}
.g-btn-main .link:hover .string {
  color: white;
}

/* サイトサブボタン */
.g-btn-sub .link {
  position: relative;
  padding-right: var(--g-space-medium);
}
.g-btn-sub .link::after {
  --size-box-width: 12px;
  --size-box-height: 12px;
  --size-border-width: 1px;
  content: "";
  position: absolute;
  top: 50%;
  right: 16%;
  display: inline-block;
  width: var(--size-box-width);
  height: var(--size-box-height);
  border-top: var(--size-border-width) solid var(--g-color-font);
  border-right: var(--size-border-width) solid var(--g-color-font);
  rotate: 45deg;
  transition: right var(--g-time-duration);
  translate: 0 -50%;
}
.g-btn-sub .link .string {
  text-transform: capitalize;
}
.g-btn-sub .link:hover::after {
  right: 0;
}

/* バックグランドテキスト */
.m-heading .string {
  --size-font: 36px;
  padding-left: 16px;
  font-size: var(--size-font);
  font-weight: bolder;
}

@media screen and (max-width: 640px) {
  .wrapper {
    flex-direction: column;
  }
  .responsive {
    display: none;
  }
  .site-header {
    display: none;
  }
  .global-navi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    background: #fff;
  }
  .header2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    background: #fff;
    height: 120px;
    z-index: 99;
    position: fixed;
  }
  .logo {
    font-size: 24px;
  }
  /* ここから下がハンバーガーメニューに関するCSS */
  /* チェックボックスを非表示にする */
  .drawer_hidden {
    display: none;
  }
  /* ハンバーガーアイコンの設置スペース */
  .drawer_open {
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 100;
    /* 重なり順を一番上にする */
    cursor: pointer;
  }
  /* ハンバーガーメニューのアイコン */
  .drawer_open span,
  .drawer_open span:before,
  .drawer_open span:after {
    content: "";
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: #333;
    transition: 0.5s;
    position: absolute;
  }
  /* 三本線の一番上の棒の位置調整 */
  .drawer_open span:before {
    bottom: 8px;
  }
  /* 三本線の一番下の棒の位置調整 */
  .drawer_open span:after {
    top: 8px;
  }
  /* アイコンがクリックされたら真ん中の線を透明にする */
  #drawer_input:checked ~ .drawer_open span {
    background: rgba(255, 255, 255, 0);
  }
  /* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
  #drawer_input:checked ~ .drawer_open span::before {
    bottom: 0;
    transform: rotate(45deg);
  }
  #drawer_input:checked ~ .drawer_open span::after {
    top: 0;
    transform: rotate(-45deg);
  }
  /* メニューのデザイン*/
  #header {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    /* メニューを画面の外に飛ばす */
    z-index: 99;
    background: #fff;
    transition: 0.5s;
  }
  /* メニュー黒ポチを消す */
  .list-navi {
    list-style: none;
  }
  /* アイコンがクリックされたらメニューを表示 */
  #drawer_input:checked ~ #header {
    left: 0px;
    /* メニューを画面に入れる */
  }
  .treat {
    padding-left: 1em;
  }
  .container {
    padding-left: 1em;
  }
}
@media screen and (min-width: 641px) {
  .site-header {
    display: flex;
    text-align: center;
    justify-content: space-around;
    height: 170px;
    padding-bottom: 8px;
  }
  table tr {
    border: solid 1px black;
  }
  .logo {
    display: none;
  }
  .global-navi {
    --m-global-navi-width: 100% - var(--m-site-title-width);
    width: 100%;
    background-color: #ffffff;
    z-index: 100;
    height: var(--g-header-height);
  }
  .global-navi .list-navi {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .global-navi .list-navi .item {
    width: 100%;
  }
  .global-navi .list-navi .item .link {
    width: 100%;
    text-align: center;
  }
  .global-navi .list-navi .item .link .string {
    --space-inner-vert: 16px;
    position: relative;
    padding-top: var(--space-inner-vert);
    padding-bottom: var(--space-inner-vert);
    color: var(--m-color-font);
    text-transform: capitalize;
  }
  .global-navi .list-navi .item .link .string::before {
    --size-width: 48px;
    --size-height: 2px;
    --color-bg: var(--g-color-accent);
    content: "";
    position: absolute;
    left: calc(50% - var(--size-width) / 2);
    bottom: 0;
    width: var(--size-width);
    height: var(--size-height);
    background-color: var(--color-bg);
    transition: scale var(--g-time-duration);
    scale: 0 1;
    transform-origin: center;
  }
  .global-navi .list-navi .item .link:hover .string::before {
    scale: 1;
  }
  #header.fixed {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
  }
  .treat {
    display: flex;
    justify-content: space-around;
    text-align: center;
  }
  .container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    gap: var(--g-space-large);
  }
  .container .row {
    display: flex;
    gap: var(--g-space-large);
  }
  .container .row .item {
    flex: 1;
    text-align: center;
    padding: 10px;
  }
  .prmy-web-site .body-prmy .list-web-site .item .atcl-post {
    --pos-x-offset: var(--g-space-medium);
    --pos-y-offset: var(--g-space-medium);
    --size-visual-width: calc(50% - var(--pos-x-offset));
    --size-specifics-width: calc(100% - var(--size-visual-width));
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--g-space-medium);
  }
  .prmy-web-site .body-prmy .list-web-site .item .atcl-post .visual {
    max-width: var(--size-visual-width);
    width: 100%;
  }
  .prmy-web-site .body-prmy .list-web-site .item .atcl-post .visual .disp .media {
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
  }
  .prmy-web-site .body-prmy .list-web-site .item .atcl-post .visual .disp .media::before {
    content: "";
    position: absolute;
    top: var(--pos-y-offset);
    left: var(--pos-x-offset);
    z-index: -1;
    width: 100%;
    height: 100%;
  }
  .prmy-web-site .body-prmy .list-web-site .item .atcl-post .visual .disp .media .image {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .prmy-web-site .body-prmy .list-web-site .item .atcl-post .specifics {
    position: relative;
    max-width: var(--size-specifics-width);
    width: 100%;
  }
  .prmy-web-site .body-prmy .list-web-site .item .atcl-post .specifics::before {
    --size-width: 240px;
    --size-height: 2px;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    max-width: var(--size-width);
    width: 100%;
    height: var(--size-height);
  }
  .prmy-web-site .body-prmy .list-web-site .item:nth-of-type(odd) .atcl-post {
    flex-direction: row-reverse;
  }
  .prmy-web-site .body-prmy .list-web-site .item:nth-of-type(odd) .atcl-post .specifics {
    padding-left: var(--pos-x-offset);
    padding-right: var(--pos-x-offset);
  }
  .prmy-web-site .body-prmy .list-web-site .item:nth-of-type(odd):nth-of-type(even) .atcl-post .specifics {
    padding-left: calc(var(--pos-x-offset) * 2);
  }
  .prmy-image .body-prmy .atcl-post {
    --pos-x-offset: var(--g-space-medium);
    --pos-y-offset: var(--g-space-medium);
    --size-visual-width: calc(50% - var(--pos-x-offset));
    --size-specifics-width: calc(100% - var(--size-visual-width));
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--g-space-medium);
  }
  .prmy-image .body-prmy .atcl-post .visual {
    max-width: var(--size-visual-width);
    width: 100%;
  }
  .prmy-image .body-prmy .atcl-post .visual .image {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .prmy-image .body-prmy .specifics {
    position: relative;
    max-width: var(--size-specifics-width);
    width: 100%;
  }
  .prmy-image .body-prmy .specifics::before {
    --size-width: 240px;
    --size-height: 2px;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    max-width: var(--size-width);
    width: 100%;
    height: var(--size-height);
  }
  .responsive-image {
    width: 1280px;
    height: auto;
  }
}
.prmy-hero-view .inner-hero-view {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}
.prmy-hero-view .inner-hero-view .body-prmy .visual {
  max-width: 100%;
  width: 100%;
}
.prmy-hero-view .inner-hero-view .body-prmy .visual .disp .media {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.staff {
  display: flex;
  justify-content: space-around;
  text-align: center;
  align-items: center;
}
.staff .visual {
  max-width: 100%;
  width: 100%;
}
.staff .visual .disp .media {
  position: relative;
  width: 100%;
  height: auto;
}

.iframe {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.footer-navi {
  height: var(--g-header-height);
  width: 100%;
  background-color: pink;
}
.footer-navi .list-navi {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.footer-navi .list-navi .item {
  /* ナビの項目 */
  width: 100%;
}
.footer-navi .list-navi .item .link {
  /* ナビのリンク */
  width: 100%;
  text-align: center;
  /* ナビの項目をホバー（マウスを置いた）したとき*/
}
.footer-navi .list-navi .item .link .string {
  --space-inner-vert: 16px;
  position: relative;
  padding-top: var(--space-inner-vert);
  padding-bottom: var(--space-inner-vert);
  color: var(--m-color-font);
  text-transform: capitalize;
}
.footer-navi .list-navi .item .link .string::before {
  --size-width: 48px;
  --size-height: 2px;
  --color-bg: var(--g-color-accent);
  content: "";
  position: absolute;
  left: calc(50% - var(--size-width) / 2);
  bottom: 0;
  width: var(--size-width);
  height: var(--size-height);
  background-color: var(--color-bg);
  transition: scale var(--g-time-duration);
  scale: 0 1;
  transform-origin: center;
}
.footer-navi .list-navi .item .link:hover .string::before {
  scale: 1;
}

.site-footer {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.footer {
  display: inline-block;
}

.site-footer2 {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.footer2 {
  display: inline-block;
}/*# sourceMappingURL=style.css.map */