@charset "UTF-8";
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/* 「@include pop;」等で引き出し。*/
/* WordPressのナビバーを非表示 */
html #wpadminbar {
  display: none;
}

/* ルートの文字サイズを10pxに設定 */
html {
  font-size: 62.5%;
}

/* bodyのフォントサイズを1.6em（16px）に設定 */
body {
  font-size: 1.6em;
  margin: 0%;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  margin: 0 auto;
  color: #6b3738;
}

a:focus-visible {
  outline: none;
}

/****************************
↑の設定を行うことでremの判断を容易に視認。
例:
h1
font-size: 5rem; (50px)
p
font-size: 1.5rem;  (15px)

以上。
*******************************/
.inner {
  margin: 0 auto;
  width: 90%;
  max-width: 1250px;
}
@media screen and (min-width: 751px) {
  .inner {
    width: 80%;
    padding-right: 0%;
    padding-left: 0%;
  }
}

.center {
  text-align: center;
}

.fs16 {
  font-size: 1.6rem;
}

.fs24 {
  font-size: 2.4rem;
}

.bold {
  font-weight: bold;
}

.color1 {
  color: #6d572f;
}

a {
  text-decoration: none;
  color: black;
}
a :hover {
  opacity: 0.8;
  transition: 0.4s;
}

li {
  list-style: none;
}

.none {
  display: none;
}

br.sp__br {
  display: block;
}
@media screen and (min-width: 751px) {
  br.sp__br {
    display: none;
  }
}

/*---Hoverすると任意の画像が少し拡大-------*/
/*---Hoverすると任意の画像が少し拡大-------*/
/*---Hoverすると任意の画像が少し拡大-------*/
/* 画像を囲む親要素（はみ出し防止用） */
.zoom__box {
  overflow: auto; /* 拡大した時、枠からはみ出さないようにする */
  cursor: pointer;
}

/* 画像本体 */
.zoom__box img {
  width: 100%;
  display: block;
  /* transitionで「0.3秒かけて」「なめらかに」変化させる */
  transition: transform 0.3s ease;
}

/* ホバーした時 */
.zoom__box:hover img {
  /* 1.1倍に拡大（1.05倍くらいだと控えめで上品になります） */
  transform: scale(1.05);
}

/*---END__Hoverすると任意の画像が少し拡大-------*/
/****************************************/
/*Header*/
/****************************************/
/* スムーズスクロールとヘッダーのスタイル */
html {
  scroll-behavior: smooth; /* スムーズスクロールを有効化 */
}

/**************************************************************************/
/*うさおじょ & あざにゃん__css*/
/*うさおじょ & あざにゃん__css*/
/*うさおじょ & あざにゃん__css*/
/**************************************************************************/
/* PC__Header__Menu */
/* PC__Header__Menu */
/* PC__Header__Menu */
/* ヘッダー部分のスタイル */
header.header {
  display: none;
}
@media screen and (min-width: 751px) {
  header.header {
    position: fixed;
    background: white;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    /*transition: top 0.2s;  アニメーション効果を追加 */
    width: 100%; /* 幅を100%に */
    z-index: 6;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: #eb97bf solid 1px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  }
}
header.header {
  /* header__menu__1 */
}
header.header .header__menu__1 {
  display: unset;
  width: 85%;
  gap: 2%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header.header .header__menu__1 .logo__home__wrap {
  width: 28%;
  text-align: right;
}
header.header .header__menu__1 .logo__home__wrap a {
  color: black;
}
header.header .header__menu__1 .logo__home__wrap a img {
  width: 70%;
  height: auto;
}
header.header .header__menu__1 .header__link {
  display: flex;
  flex-direction: column;
  align-items: end;
}
header.header .header__menu__1 .header__link__wrap {
  display: flex;
  align-items: center;
  width: -webkit-fill-available;
}
header.header .header__menu__1 .header__link__wrap a {
  color: #6b3738;
  display: flex;
  position: relative;
  align-items: center;
  padding: 0 1.5%;
  padding-right: 2.5%;
  white-space: nowrap;
  font-weight: bold;
  font-size: clamp(10px, 1.2vw, 30px);
}
@media screen and (min-width: 751px) {
  header.header .header__menu__1 .header__link__wrap a p {
    margin: 0;
  }
}
header.header .header__menu__1 .header__link__wrap a:hover {
  opacity: 0.6;
  transition: 0.4s;
}
header.header .header__menu__1 .header__link__wrap a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #6b3738;
}
header.header .header__menu__1 .header__link__wrap a.none__after::after {
  display: none;
}
header.header .header__menu__1 .header__link__wrap img {
  width: 100%;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 751px) {
  header.header .header__menu__1 .header__link__wrap img {
    height: 2.4vw;
    margin-right: 6%;
  }
}

button.slick-prev.slick-arrow {
  display: none;
}

button.slick-next.slick-arrow {
  display: none;
}

/* END__PC__Header__Menu */
/* END__PC__Header__Menu */
/* END__PC__Header__Menu */
/* After--PC__Header__Menu */
header.PC__header {
  width: 100%;
  padding: 0 4%;
  position: fixed;
  background: white;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  height: 30px;
  z-index: 5;
}
header.PC__header ul.menu__list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 6%;
}
header.PC__header ul.menu__list li.hover__menu {
  height: 30px;
  display: flex;
  align-items: center;
}
header.PC__header .sub__menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  background-color: #f1f1f1;
  text-align: center;
}
header.PC__header .sub__menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
header.PC__header .sub__menu ul li {
  margin-bottom: 5px;
}
header.PC__header .sub__menu ul li:hover {
  background-color: #ccc;
}

/* sp__Header__Menu */
/* sp__Header__Menu */
/* sp__Header__Menu */
/*ナビのスタイル*/
nav.NavMenu {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  display: none;
}

nav.NavMenu ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  background: #fdf0f7;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
nav.NavMenu ul li.Menu__center__logo {
  padding-top: 2%;
}
nav.NavMenu ul li.Menu__center__logo img.sp__header__logo__img {
  width: 48%;
}
nav.NavMenu ul .nav__item__ham {
  border-bottom: 1px solid #eb97bf;
}
nav.NavMenu ul .nav__item__ham a.nav__link {
  display: flex;
  justify-content: space-between;
  padding: 2% 4%;
}
nav.NavMenu ul .nav__item__ham a.nav__link .nav__label__group {
  display: flex;
  align-items: center;
  gap: 6%;
  width: 50%;
}
nav.NavMenu ul .nav__item__ham a.nav__link .nav__label__group img.nav__icon {
  width: 3.6rem;
}
nav.NavMenu ul .nav__item__ham a.nav__link .nav__label__group img.nav__arrow {
  width: 2.6rem;
}
nav.NavMenu ul .nav__item__ham a.nav__link .nav__label__group p {
  margin: 0;
  font-weight: bold;
}
nav.NavMenu ul .nav__item__ham a.nav__link .nav__label__group__sub {
  justify-content: end;
}
nav.NavMenu ul .nav__item__ham a.nav__link .nav__label__group__sub p.nav__text__sub {
  font-size: 1.2rem;
}

/* sns__container */
.sns__container {
  display: flex;
  justify-content: center;
  gap: 8%;
  padding: 14% 0;
}
.sns__container .sns__link {
  width: 4rem;
}
.sns__container .sns__link img {
  width: 100%;
}

nav.NavMenu ul li {
  font-size: 24px;
  list-style-type: none;
  width: 100%;
  padding-bottom: 0px;
}

nav.NavMenu ul li:last-child {
  padding-bottom: 0;
}

nav.NavMenu ul li a {
  display: block;
  color: #6b3738;
  padding-top: 4%;
  font-weight: bold;
  font-size: 18px;
}

/*ボタンのスタイル*/
.Toggle {
  position: fixed;
  right: 10px;
  top: 3px;
  width: 50px;
  height: 45px;
  text-align: center;
  cursor: pointer;
  z-index: 13;
}
@media screen and (min-width: 751px) {
  .Toggle {
    display: none;
  }
}
.Toggle p.under__text {
  position: absolute;
  top: 30px;
  margin: 0;
  font-size: 1.2rem;
}

.Toggle span {
  display: block;
  position: absolute;
  width: 25px;
  border-bottom: solid 3px #eeaddf;
  transition: 0.35s ease-in-out;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.Toggle span:nth-child(1) {
  top: 12px;
}

.Toggle span:nth-child(2) {
  top: 20px;
}

.Toggle span:nth-child(3) {
  top: 28px;
}

.Toggle.active span:nth-child(1) {
  top: 18px;
  transform: rotate(-45deg);
  border-bottom: solid 2px #eeaddf;
}

.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
  top: 18px;
  transform: rotate(45deg);
  border-bottom: solid 2px #eeaddf;
}

/* sp__Header__Menu */
header.sp__header {
  display: block;
  position: fixed;
  z-index: 9;
  background: white;
  top: 0;
  height: 60px;
  width: 100%;
}
@media screen and (min-width: 751px) {
  header.sp__header {
    display: none;
  }
}
header.sp__header .sp__header__wrap {
  width: 92%;
  height: 100%;
  padding: 0% 4%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
header.sp__header .sp__header__wrap a.sp__logo__HOME {
  width: 50%;
}
header.sp__header .sp__header__wrap a.sp__logo__HOME img.sp__header__logo__img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header.sp__header .sp__header__wrap a.sp__info__btn {
  width: 30%;
  margin: 0 0.5%;
}
header.sp__header .sp__header__wrap a.sp__info__btn img.sp__info {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ふわっと表示させる */
/* 「fade」クラスがついた要素の初期状態 */
.fade {
  opacity: 0; /* 最初は透明 */
  transform: translateY(30px); /* 30px下に下げておく */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out; /* 0.8秒かけて動く */
}

/* 画面に入った時にJSで付与されるクラス */
.is-visible {
  opacity: 1 !important; /* 表示する */
  transform: translateY(0) !important; /* 元の位置に戻す */
}

/* END__/////ふわっと表示させる */
/**********************************************************/
/*TOP__FV*/
/*TOP__FV*/
/*TOP__FV*/
/**********************************************************/
.header__space {
  padding-top: 10vh !important;
}

section.FV {
  padding-top: 25%;
}
@media screen and (min-width: 751px) {
  section.FV {
    padding-top: 4.5%;
  }
}
section.FV .fv__main {
  display: flex;
  justify-content: center;
  position: relative;
}
section.FV .fv__main img.fv__img {
  width: 90%;
  height: auto;
}
@media screen and (min-width: 751px) {
  section.FV .fv__main img.fv__img {
    width: 50%;
  }
}
section.FV .fv__main img.fv__img__sp {
  display: block;
}
@media screen and (min-width: 751px) {
  section.FV .fv__main img.fv__img__sp {
    display: none;
  }
}
section.FV .fv__main img.fv__img__pc {
  display: none;
}
@media screen and (min-width: 751px) {
  section.FV .fv__main img.fv__img__pc {
    display: unset;
  }
}
section.FV .fv__main img.fv__img__pc1, section.FV .fv__main img.fv__img__pc2 {
  display: none;
}
@media screen and (min-width: 751px) {
  section.FV .fv__main img.fv__img__pc1, section.FV .fv__main img.fv__img__pc2 {
    display: block;
    position: absolute;
    top: 0; /* 上端を合わせる */
    height: 100%; /* 親（メイン画像）と同じ高さにする */
    width: 12%; /* 幅は20%を維持 */
    -o-object-fit: contain;
       object-fit: contain; /* 重要：高さを固定しても画像を歪ませない */
  }
}
@media screen and (min-width: 751px) {
  section.FV .fv__main img.fv__img__pc1 {
    left: 8%;
  }
}
@media screen and (min-width: 751px) {
  section.FV .fv__main img.fv__img__pc2 {
    right: 8%;
  }
}
section.FV .pc__fv__link {
  display: none;
}
@media screen and (min-width: 751px) {
  section.FV .pc__fv__link {
    display: block;
    background: #f7c1e3;
    padding: 1% 1.5%;
    border-radius: 25px 0 0 25px;
    width: 5%;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
  }
}
section.FV .pc__fv__link a.pc__fv__link__wrap img.pc__fv__link__img {
  width: 90%;
  padding: 40% 0;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
section.FV h1.fv__title {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-top: 0;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 751px) {
  section.FV h1.fv__title {
    font-size: 2rem;
    text-align: center;
    margin-top: 2%;
  }
}

@media screen and (min-width: 751px) {
  .pc__inner {
    max-width: 1250px;
    margin: 0 auto;
  }
}

/* bg__pink */
.bg__pink {
  position: relative;
  background: url(../img__usa/fv__bg.png);
  background-size: 70%;
  height: 0%;
  padding: 8% 0;
}
@media screen and (min-width: 751px) {
  .bg__pink {
    padding: 3% 0;
    background-size: 30%;
  }
}

.bg__white {
  padding: 8% 0;
  background: #fcfcf7;
}
@media screen and (min-width: 751px) {
  .bg__white {
    padding: 1% 0;
  }
}

.white__space {
  height: 90vh;
  width: 100%;
  background: pink;
}

.top__move__btn {
  position: fixed;
  z-index: 10;
  right: 4%;
  bottom: 0;
  font-size: 50px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  transition: 0.3s;
}
.top__move__btn img.move__img {
  width: 8.4rem;
}
.top__move__btn {
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}

/*このクラスが付与されると表示する*/
.active {
  opacity: 1;
  visibility: visible;
}

/**********************************************************/
/* top__news*/
/**********************************************************/
.title__wrap {
  padding-top: 2%;
  text-align: center;
}
.title__wrap img.title__img {
  width: 92%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 751px) {
  .title__wrap img.title__img {
    width: 34%;
  }
}
.title__wrap img.title__img__pc {
  width: 84%;
}
@media screen and (min-width: 751px) {
  .title__wrap img.title__img__pc {
    width: 28%;
  }
}

/* news-list*/
/* news-list*/
/* news-list*/
p.news-list-title {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 751px) {
  p.news-list-title {
    display: none;
  }
}

.news__all__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px; /* 記事間の余白 */
}
@media screen and (min-width: 751px) {
  .news__all__wrap {
    gap: 2%;
    justify-content: left;
  }
}
.news__all__wrap__single {
  margin-bottom: 12%;
}

a.news_permalink {
  color: black;
  text-decoration: none;
  width: calc(50% - 10px); /* 2段組の場合 */
  display: flex;
  text-decoration: none;
  color: inherit;
}
@media screen and (min-width: 751px) {
  a.news_permalink {
    width: calc(24% - 10px);
    margin-bottom: 4%;
  }
}

.news_wrap {
  display: flex;
  flex-direction: column;
  padding: 3% 0;
  margin: 3% auto 0;
  position: relative;
  flex-direction: column;
  width: 100%;
  font-weight: bold;
  background: #fff; /* 必要に応じて */
}

.news_wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #e4e4e4;
  position: absolute;
  bottom: 0;
}

.SP_TOP_news_time {
  display: flex;
}

.news__thumbnail {
  display: flex;
  align-items: center; /* 上下中央 */
  justify-content: center; /* 左右中央 */
  border-radius: 15px;
  width: 100%;
  aspect-ratio: 1/1; /* 横長に固定（1/1なら正方形） */
  background-color: #eee; /* 画像がない時の背景色 */
  overflow: hidden;
}
.news__thumbnail img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.news__thumbnail p.no-image {
  text-align: center;
}

.news_time {
  width: 130px;
  font-size: 1.6rem;
}

.news_title {
  font-size: 1.4rem;
  overflow-wrap: anywhere;
  flex-grow: 1; /* 残りの高さを埋める */
}

.pagenate-span {
  width: 100%;
  text-align: center;
  margin-bottom: 4%;
}

.news_wrap::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #000000;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.3s;
}

.news_wrap:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

/* 5件目以降を非表示にする */
.news_permalink.is-hidden {
  display: none;
}

/* ボタンのデザイン（お好みで） */
.more_btn_wrap {
  text-align: center;
  margin-top: 40px;
}
@media screen and (min-width: 751px) {
  .more_btn_wrap {
    margin-top: 0;
  }
}

#load_more,
#go_archive {
  cursor: pointer;
  transition: opacity 0.3s;
  display: inline-block;
}

#load_more:hover,
#go_archive:hover {
  opacity: 0.7;
}

/* 画像のサイズ調整が必要な場合 */
.more_btn_wrap img {
  /* お好みのサイズに */
  width: 100%;
  height: auto;
}
@media screen and (min-width: 751px) {
  .more_btn_wrap img {
    width: 50%;
  }
}

/**********************************************************/
/* PROFILE*/
/**********************************************************/
.pro__text {
  text-align: center;
}
.pro__text p {
  font-size: 1.6rem;
}
@media screen and (min-width: 751px) {
  .pro__text p {
    font-size: 2rem;
    margin: 0 auto 2%;
  }
}

/* pro__box__wrap */
.pro__box__wrap {
  display: flex;
  justify-content: space-around;
  margin-top: 6%;
}
@media screen and (min-width: 751px) {
  .pro__box__wrap {
    justify-content: center;
    gap: 4%;
    margin-top: 0;
    position: relative;
  }
}
.pro__box__wrap {
  /* pro__box */
}
.pro__box__wrap .pro__box {
  width: 46%;
}
.pro__box__wrap .pro__box img.pro__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 751px) {
  .pro__box__wrap .pro__box {
    display: none;
  }
}
.pro__box__wrap .pro__link {
  width: 30%;
}
.pro__box__wrap .pro__link img.pro__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pro__box__wrap {
  /* pro__link */
}
.pro__box__wrap .pro__link {
  width: 30%;
}
.pro__box__wrap .pro__link img.pro__btn {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

a.pc__box__1 {
  display: none;
}
@media screen and (min-width: 751px) {
  a.pc__box__1 {
    display: block;
    width: 32%;
  }
}
a.pc__box__1 img.pro__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 基本のクラス */
.hover__up {
  transition: transform 0.3s ease; /* 0.3秒かけて滑らかに変化 */
  /* ホバー時の挙動 */
}
.hover__up:hover {
  transform: translateY(-15px); /* 上に5px移動 */
}

/* --- バウンスポップアップ --- */
/* --- バウンスポップアップ --- */
.popup {
  opacity: 0;
  transform: scale(0);
  /* transitionの最後、1.5 の数値が「弾む大きさ」を決めます */
  transition: opacity 0.5s ease-out, transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* popup__2: 0.8から弾んで登場 --- */
.popup__2 {
  opacity: 0;
  transform: scale(0.8);
  /* 1.6秒かけてゆったり大きく弾む設定 */
  transition: opacity 1s ease-out, transform 1.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* クラスがついたら元の大きさ（1）に戻る */
.is-visible {
  opacity: 1;
  transform: scale(1);
}

/* --- ///END__バウンスポップアップ --- */
/* --- ///END__バウンスポップアップ --- */
img.pc__box__back {
  display: none;
}
@media screen and (min-width: 751px) {
  img.pc__box__back {
    display: block;
  }
}
img.pc__box__back__1, img.pc__box__back__2 {
  display: none;
}
@media screen and (min-width: 751px) {
  img.pc__box__back__1, img.pc__box__back__2 {
    display: block;
    position: absolute;
    top: 0; /* 上端を合わせる */
    height: 100%; /* 親（メイン画像）と同じ高さにする */
    width: 12%; /* 幅は20%を維持 */
    -o-object-fit: contain;
       object-fit: contain; /* 重要：高さを固定しても画像を歪ませない */
  }
}
@media screen and (min-width: 751px) {
  img.pc__box__back__1 {
    left: 0%;
  }
}
@media screen and (min-width: 751px) {
  img.pc__box__back__2 {
    right: 0%;
  }
}

/* profile__link__btn */
.pro__page {
  margin-top: 2%;
  text-align: center;
}
.pro__page a {
  text-decoration: none;
  color: inherit;
}
.pro__page a img.pro__btn {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 751px) {
  .pro__page a img.pro__btn {
    width: 34%;
  }
}

/**********************************************************/
/* GOODS*/
/**********************************************************/
.news_permalink.goods__permalink {
  width: calc(42% - 10px);
}
@media screen and (min-width: 751px) {
  .news_permalink.goods__permalink {
    width: calc(24% - 10px);
  }
}
.news_permalink.goods__permalink .news__thumbnail {
  border: #f7d6ea solid 3px;
}

@media screen and (min-width: 751px) {
  section.pc__top__goods {
    padding-bottom: 8%;
  }
}

/**********************************************************/
/* Contents*/
/**********************************************************/
.twitter__post {
  text-align: center;
  margin: 4% 0;
}

/* LINEスタンプ・絵文字 */
/* LINE着せ替え */
/* 壁紙・素材プレゼント */
.contents__line__wrap {
  padding-bottom: 2%;
}
@media screen and (min-width: 751px) {
  .contents__line__wrap {
    width: 32%;
  }
}

.line__container {
  text-align: center;
  margin: 4% 0;
  /* Main__title */
}
.line__container p.Main__title {
  font-weight: bold;
  font-size: 2.5rem;
  margin: 2% 0 0%;
}
@media screen and (min-width: 751px) {
  .line__container p.Main__title {
    font-size: 2.8rem;
  }
}
.line__container p.line__title {
  font-size: 1.6rem;
  font-weight: bold;
  border: #6b3738 solid 1px;
  border-radius: 25px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 0% 8%;
}
@media screen and (min-width: 751px) {
  .line__container p.line__title {
    font-size: 2rem;
    margin-top: 4%;
  }
}
.line__container__news p.line__title {
  width: auto;
}

.News__single.News__Archive .news-list.contents__list {
  padding-top: 0%;
}

p.contents__sub__text {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}

.line__container p.line__title.line__title__contents {
  font-size: 1.2rem;
}

.contents__box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contents__box a {
  width: 48%;
}
.contents__box a img.contents__box__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.line__link {
  text-align: center;
  margin: 4% 0;
  position: relative;
  padding: 4%;
  background: white;
  border: 3px solid #f5c9e3;
  border-radius: 25px;
}
.line__link img.line__icon {
  position: absolute;
  top: -8%;
  left: 0%;
  width: 15%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: rotate(-30deg);
}
@media screen and (min-width: 751px) {
  .line__link img.line__icon {
    width: 20%;
  }
}
.line__link .line__items {
  display: flex;
  justify-content: space-around;
}
@media screen and (min-width: 751px) {
  .line__link .line__items {
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 15px 4%;
  }
}
.line__link .line__items img.line__item {
  width: 30%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 751px) {
  .line__link .line__items img.line__item {
    width: 42%;
    aspect-ratio: 1/1;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.line__link .line__items img.line__item__pc {
  display: none;
}
@media screen and (min-width: 751px) {
  .line__link .line__items img.line__item__pc {
    display: block;
  }
}

@media screen and (min-width: 751px) {
  .pc__top__contents.inner {
    display: flex;
    justify-content: space-between;
  }
}

/**********************************************************/
/* QandA*/
/**********************************************************/
/* Q__and__A__title */
/* Q__and__A__title */
/* Q__and__A__title */
.QA.white__Back {
  padding-bottom: 2%;
}

.QA__title.TOP__contents__title {
  margin-top: 8%;
}

/* アコーディオンメニューのスタイル */
.accordion-content {
  display: none;
}

.accordion-title {
  position: relative;
}

/* 縦線 */
.accordion-title::before {
  background: #b3a2b3; /* 線の色 */
  content: "";
  height: 3px; /* 線の太さ */
  position: absolute;
  right: 6%;
  z-index: 2;
  top: 49%; /* 線の位置を縦中央に */
  transform: rotate(90deg); /* 線を縦に */
  transition: transform 0.3s ease-in-out;
  width: 15px; /* 線の幅 */
}

/* 横線 */
.accordion-title::after {
  background: #b3a2b3; /* 線の色 */
  content: "";
  height: 3px; /* 線の太さ */
  position: absolute;
  right: 6%;
  z-index: 2;
  top: 49%; /* 線の位置を縦中央に */
  transition: opacity 0.3s ease-in-out;
  width: 15px; /* 線の幅 */
}

/* 縦線(クリック後) */
.accordion-title.open::before {
  transform: rotate(180deg);
}

/* 横線(クリック後) */
.accordion-title.open::after {
  opacity: 0;
}

.accordion-container.sp__ham__aco {
  display: flex;
  justify-content: space-around;
}
.accordion-container.sp__ham__aco .accordion-item {
  width: 49.5%;
  margin: 0;
  margin-bottom: 4%;
  line-height: 1.6;
  letter-spacing: 0.05em;
  background: grey;
  border-top: solid 1px black;
  border-bottom: 0.5px solid black;
}
.accordion-container.sp__ham__aco .accordion-item .accordion-content p {
  margin: 0;
}

.accordion-item {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 4%;
  line-height: 1.6;
  letter-spacing: 0.05em;
  border: solid 3px #b3a2b3;
  border-radius: 25px;
  background: #ede5eb;
}
@media screen and (min-width: 751px) {
  .accordion-item {
    width: 70%;
  }
}
.accordion-item p.accordion-title {
  margin: 0;
  color: #6b3738;
  font-size: 1.5rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 4% 4%;
  padding-right: 12%;
  position: relative;
}
@media screen and (min-width: 1051px) {
  .accordion-item p.accordion-title {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 751px) {
  .accordion-item p.accordion-title {
    font-size: 2rem;
    padding: 2% 4%;
  }
}
.accordion-item p.accordion-title span {
  font-size: 2rem;
  padding-right: 0%;
}
@media screen and (min-width: 1051px) {
  .accordion-item p.accordion-title span {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 751px) {
  .accordion-item p.accordion-title span {
    font-size: 2.4rem;
  }
}
.accordion-item p.accordion-title span.Block {
  position: absolute;
  padding-right: 0;
  right: 16px;
  width: 32px;
  height: 32px;
  z-index: 1;
}
.accordion-item p.accordion-title img.aco__img {
  width: 3.2rem;
  margin-right: 6%;
}
@media screen and (min-width: 751px) {
  .accordion-item p.accordion-title img.aco__img {
    width: 4.4rem;
    margin-right: 2%;
  }
}
.accordion-item .accordion-content {
  margin: 4%;
}
@media screen and (min-width: 751px) {
  .accordion-item .accordion-content {
    margin: 2%;
  }
}
.accordion-item .accordion-content p.content__drop {
  overflow-wrap: anywhere;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 15px;
  margin: 0%;
  padding: 4%;
  background: white;
  display: flex;
  align-items: start;
}
@media screen and (min-width: 1051px) {
  .accordion-item .accordion-content p.content__drop {
    font-size: 2rem;
  }
}
@media screen and (min-width: 751px) {
  .accordion-item .accordion-content p.content__drop {
    font-size: 2rem;
    padding: 2%;
  }
}
.accordion-item .accordion-content p.content__drop img.aco__img {
  width: 3.2rem;
  font-size: 2rem;
  padding-right: 6%;
  -o-object-fit: contain;
     object-fit: contain;
  color: black;
}
@media screen and (min-width: 751px) {
  .accordion-item .accordion-content p.content__drop img.aco__img {
    width: 4.4rem;
    padding-right: 2%;
  }
}

/**********************************************************/
/* CONTACTS*/
/**********************************************************/
@media screen and (min-width: 751px) {
  .TOP__CONTACTS {
    margin-bottom: 4%;
  }
}
.TOP__CONTACTS p.news-list-title {
  margin-top: 2%;
}
@media screen and (min-width: 751px) {
  .TOP__CONTACTS p.news-list-title {
    display: flex;
    justify-content: center;
    font-size: 2.2rem;
  }
}
.TOP__CONTACTS .pro__page {
  margin-top: 6%;
}
@media screen and (min-width: 751px) {
  .TOP__CONTACTS .pro__page img.pro__btn {
    width: 28%;
  }
}

/**********************************************************/
/*NEWS__Single*/
/*NEWS__Single*/
/*NEWS__Single*/
/**********************************************************/
@media screen and (min-width: 751px) {
  .News__single.bg__pink.single__PC__inner .inner {
    width: 60%;
  }
}
.News__single.bg__pink.single__PC__inner .inner .pro__page {
  margin-top: 12%;
}

.News__single .news_wrap.news_wrap__border {
  background: none;
}

.news__thumbnail.news__thumbnail__border {
  border: solid 3px white;
}

.news__all__wrap__single .news_permalink {
  text-decoration: none;
  color: inherit;
}
.news__all__wrap__single .news_permalink:nth-child(n+3) {
  display: none;
}
@media screen and (min-width: 751px) {
  .news__all__wrap__single .news_permalink {
    width: calc(25% - 15px);
  }
  .news__all__wrap__single .news_permalink:nth-child(n+3) {
    display: block;
  }
}

/*画像サイズごとにクラスが付与されます。
特定のサイズだけを調整したい場合は以下のように記述します。
フルサイズ (.size-full): 
大サイズ (.size-large):*/
@media screen and (min-width: 751px) {
  .single__content {
    width: 100%;
  }
}
.single__content .wp-block-image.size-large img {
  width: 100%;
  height: auto;
}
.single__content p {
  font-size: 1.2rem;
  font-weight: bold;
  overflow-wrap: break-word;
}
@media screen and (min-width: 751px) {
  .single__content p {
    font-size: 1.4rem;
  }
}

.profile__slider.slider__news {
  margin: 40px auto;
  border-radius: 25px;
  background: #fff;
  padding: 0;
  margin-bottom: 14% !important;
  aspect-ratio: 1/1;
  width: 90%;
}
@media screen and (min-width: 751px) {
  .profile__slider.slider__news {
    width: 100%;
    height: 400px;
    margin-bottom: 10% !important;
  }
}
.profile__slider.slider__news .slick-list {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 25px;
}
.profile__slider.slider__news .slider__news-item {
  height: 100%;
}
.profile__slider.slider__news .slider__news-img {
  border-radius: 25px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 751px) {
  .profile__slider.slider__news .slider__news-img {
    height: 400px;
  }
}
.profile__slider.slider__news .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 30px;
  height: 80px;
  background: white;
  border: 2.5px solid #6b3738;
  border-radius: 25px;
  cursor: pointer;
  font-size: 0;
  transition: background 0.2s ease, opacity 0.2s ease;
}
.profile__slider.slider__news .slick-arrow:hover {
  background: #dbdbdb;
  opacity: 0.7;
}
.profile__slider.slider__news .slick-arrow::before, .profile__slider.slider__news .slick-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: black;
  transition: all 0.2s ease;
}
.profile__slider.slider__news .slick-arrow::before {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-top: 4px solid black;
  border-right: 4px solid black;
}
.profile__slider.slider__news .slick-arrow::after {
  width: 16px;
  height: 4px;
  transform: translate(-50%, -50%);
}
.profile__slider.slider__news .slick-arrow.slick-prev {
  left: -5%;
}
@media screen and (min-width: 751px) {
  .profile__slider.slider__news .slick-arrow.slick-prev {
    left: -2%;
  }
}
.profile__slider.slider__news .slick-arrow.slick-prev::before {
  transform: translate(-50%, -50%) rotate(-135deg);
  margin-left: -1%;
}
.profile__slider.slider__news .slick-arrow.slick-next {
  right: -5%;
}
@media screen and (min-width: 751px) {
  .profile__slider.slider__news .slick-arrow.slick-next {
    right: -2%;
  }
}
.profile__slider.slider__news .slick-arrow.slick-next::before {
  transform: translate(-50%, -50%) rotate(45deg);
  margin-left: 1%;
}
.profile__slider.slider__news .slick-dots {
  position: absolute;
  bottom: -14%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex !important;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 12%;
  justify-content: center;
}
@media screen and (min-width: 751px) {
  .profile__slider.slider__news .slick-dots {
    gap: 6%;
  }
}
.profile__slider.slider__news .slick-dots li {
  margin: 0;
  padding: 0;
}
.profile__slider.slider__news .slick-dots li button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #f5c9e3;
  font-size: 0;
  cursor: pointer;
  transition: background 0.2s ease;
  outline: none;
}
.profile__slider.slider__news .slick-dots li button::before {
  display: none;
}
.profile__slider.slider__news .slick-dots li.slick-active button {
  background: #e778ad;
  transform: scale(1.1);
}

/**********************************************************/
/*NEWS_archive*/
/*NEWS_archive*/
/*NEWS_archive*/
/**********************************************************/
.News__single.News__Archive .news-list {
  padding-top: 18%;
}
.News__single.News__Archive .news-list .news__all__wrap.inner {
  width: 80%;
}
.News__single.News__Archive .news-list .news__all__wrap.inner .news_wrap {
  background: none;
}
.News__single.News__Archive .news-list .news__all__wrap.inner .news_wrap .news__thumbnail {
  border: solid 3px white;
}

/**********************************************************/
/*Profile__プロフィールページ*/
/*Profile__プロフィールページ*/
/*Profile__プロフィールページ*/
/**********************************************************/
.profile__title {
  text-align: center;
  margin-top: 2%;
}
@media screen and (min-width: 751px) {
  .profile__title {
    margin-top: 0%;
  }
}
.profile__title p {
  margin: 0 auto;
  font-weight: bold;
}
.profile__title p.profile__names {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
.profile__title p.profile__label {
  font-size: 3rem;
}
.profile__title p.profile__description {
  border: #6b3738 solid 1px;
  border-radius: 25px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.2rem;
  padding: 0% 6%;
}
@media screen and (min-width: 751px) {
  .profile__title p.profile__description {
    margin-top: 2%;
    padding: 0% 4%;
  }
}

.profile__Main {
  background-image: url(../img__usa/Profile__Main__back.png);
  background-size: 75%;
  background-position: 50% 30%;
  padding-top: 8%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 751px) {
  .profile__Main {
    background-size: 36%;
    background-position: 50% 5%;
    position: relative;
  }
}
.profile__Main .pro__box__wrap {
  justify-content: space-between;
  align-items: end;
}
@media screen and (min-width: 751px) {
  .profile__Main .pro__box__wrap {
    justify-content: center;
  }
}
.profile__Main .pro__box__wrap .pro__box {
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 751px) {
  .profile__Main .pro__box__wrap .pro__box {
    width: 22%;
  }
}
.profile__Main .pro__box__wrap .pro__box img.pro__img {
  width: 70%;
}
.profile__Main .pro__box__wrap .pro__box img.pro__img.pro__img__adjust {
  width: 90%;
  margin-top: 5%;
}
.profile__Main .pro__box__wrap .pro__link {
  width: auto;
}
.profile__Main img.fv__img {
  width: 90%;
  height: auto;
}
@media screen and (min-width: 751px) {
  .profile__Main img.fv__img {
    width: 50%;
  }
}
.profile__Main img.fv__img__sp {
  display: block;
}
@media screen and (min-width: 751px) {
  .profile__Main img.fv__img__sp {
    display: none;
  }
}
.profile__Main img.fv__img__pc {
  display: none;
}
@media screen and (min-width: 751px) {
  .profile__Main img.fv__img__pc {
    display: unset;
  }
}
.profile__Main img.fv__img__pc1, .profile__Main img.fv__img__pc2 {
  display: none;
}
@media screen and (min-width: 751px) {
  .profile__Main img.fv__img__pc1, .profile__Main img.fv__img__pc2 {
    display: block;
    position: absolute;
    top: 0; /* 上端を合わせる */
    height: 100%; /* 親（メイン画像）と同じ高さにする */
    width: 12%; /* 幅は20%を維持 */
    -o-object-fit: contain;
       object-fit: contain; /* 重要：高さを固定しても画像を歪ませない */
  }
}
@media screen and (min-width: 751px) {
  .profile__Main img.fv__img__pc1 {
    left: 12%;
  }
}
@media screen and (min-width: 751px) {
  .profile__Main img.fv__img__pc2 {
    right: 12%;
  }
}

.profile__about__text {
  position: relative;
  border: #eb97bf solid 2px;
  border-radius: 15px;
  margin-top: 18%;
}
@media screen and (min-width: 751px) {
  .profile__about__text {
    margin: 12% auto 4%;
    width: 80%;
  }
  .profile__about__text__mt {
    margin-top: 6%;
  }
}
.profile__about__text img.profile__about__img {
  position: absolute;
  width: 70%;
  left: 50%;
  transform: translateX(-50%); /* 自分の幅の半分だけ左に戻す */
  top: -10%;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  .profile__about__text img.profile__about__img {
    top: -16%;
    width: 32%;
  }
}
.profile__about__text .profile__about__inner {
  padding: 6%;
  border-radius: 15px;
  background: #ffdeed;
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 751px) {
  .profile__about__text .profile__about__inner {
    padding: 2% 3%;
  }
}
.profile__about__text .profile__about__inner p.profile__about__inner__text {
  background: white;
  border-radius: 10px;
  margin: 0 auto;
  line-height: 2.4rem;
  padding: 6% 0 4%;
}
@media screen and (min-width: 751px) {
  .profile__about__text .profile__about__inner p.profile__about__inner__text {
    font-size: 1.4rem;
    padding: 4% 0 6%;
  }
}

.profile__slider__title {
  display: flex;
  align-items: center; /* 上下中央 */
  justify-content: center;
  width: 100%; /* .inner の幅いっぱいに広げる */
  gap: 2%; /* 画像と線の間の余白 */
  margin-top: 10%;
}
@media screen and (min-width: 751px) {
  .profile__slider__title {
    margin-top: 4%;
  }
}
.profile__slider__title img.profile__slider__title__img {
  width: 48%;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  .profile__slider__title img.profile__slider__title__img {
    width: 18%;
  }
}

/* 2. 左右の擬似要素に flex-grow: 1 を指定 */
/* これにより、左右の線が「余ったスペース」を等分して埋めるため、
   親要素（.inner）の端ピタリで止まります。 */
.profile__slider__title::before,
.profile__slider__title::after {
  content: "";
  flex-grow: 1;
  height: 0;
  border-top: 3px dashed #6b3738;
}

p.profile__slider__title__sub {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 auto;
}

.profile__slider {
  margin: 4% auto;
  padding: 2.5% 0;
  width: 90%;
}
.profile__slider a.profile__slider__img {
  margin: auto 10px;
}
.profile__slider a.profile__slider__img__pc {
  display: none;
}
@media screen and (min-width: 751px) {
  .profile__slider a.profile__slider__img__pc {
    display: block;
  }
}
.profile__slider img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

/* =====================================================
画像拡大モーダル （ここから本PEN のコア）
===================================================== */
#grayDisplay {
  display: none;
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  width: 100%;
  /* コンテンツ全てに対して固定的に 1160pxとか指定されているときの対応で、
  ダサいが!importantつける */
  max-width: 100% !important;
  height: 100%;
  background: #f27da9;
}
#grayDisplay::before {
  content: "長押しして保存してね♡";
  padding-top: 35%; /* 1. 太字にする */
  font-weight: bold;
  color: white;
  /* 2. 左右中央に配置する */
  display: block; /* または flex */
  text-align: center; /* display: block の場合に有効 */
}

#grayDisplay img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 90%;
  max-height: 90%;
  height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
}

/**********************************************************/
/*Profile__プロフィール Usaojo & Azanyan*/
/*Profile__プロフィール Usaojo & Azanyan*/
/*Profile__プロフィール Usaojo & Azanyan*/
/**********************************************************/
.bg__pink.profile__usa__back {
  background: url(../img__usa/Profile__dot__back.png);
}
.bg__pink.profile__usa__back .profile__title {
  color: #fad0e9;
}
@media screen and (min-width: 751px) {
  .bg__pink.profile__usa__back .profile__title {
    margin-top: 2%;
  }
}
.bg__pink.profile__usa__back .profile__title p.profile__label {
  color: white;
}
.bg__pink.profile__usa__back .profile__title p.profile__description {
  border-color: #fad0e9;
}

.profile__Usa__Main {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 8%;
}
.profile__Usa__Main img.pro__img {
  height: auto;
  display: block;
}
.profile__Usa__Main img.pro__img__back {
  width: 90%;
  z-index: 2;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 751px) {
  .profile__Usa__Main img.pro__img__back {
    display: none;
  }
}
.profile__Usa__Main img.pro__img__back__pc {
  display: none;
}
@media screen and (min-width: 751px) {
  .profile__Usa__Main img.pro__img__back__pc {
    display: block;
  }
}
.profile__Usa__Main img.pro__img__back.popup__2 {
  opacity: 0;
  transform: translateY(40px) scale(0.8);
  transition: opacity 1s ease-out, transform 1.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.profile__Usa__Main img.pro__img__back.popup__2.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.profile__Usa__Main img.pro__img:not(.profile__Usa__Main img.pro__img__back) {
  position: absolute;
  top: 10%;
  left: 50%;
  width: 38%;
  z-index: 3;
}
@media screen and (min-width: 751px) {
  .profile__Usa__Main img.pro__img:not(.profile__Usa__Main img.pro__img__back) {
    top: 6%;
    width: 20%;
  }
}
.profile__Usa__Main img.pro__img:not(.profile__Usa__Main img.pro__img__back) {
  margin-left: -19%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 751px) {
  .profile__Usa__Main img.pro__img:not(.profile__Usa__Main img.pro__img__back) {
    margin-left: -10%;
  }
}
.profile__Usa__Main img.pro__img:not(.profile__Usa__Main img.pro__img__back).popup {
  opacity: 0;
  transform: translateY(50px) scale(0);
  transition: opacity 0.5s ease-out, transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.profile__Usa__Main img.pro__img:not(.profile__Usa__Main img.pro__img__back).popup.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.profile__Usa__Main img.pro__img.pro__img__point__aza.popup {
  width: 50%;
  margin-left: -25%;
}
@media screen and (min-width: 751px) {
  .profile__Usa__Main img.pro__img.pro__img__point__aza.popup {
    width: 30% !important;
    margin-left: -15% !important;
  }
}

.profile__slider__title__usa::before, .profile__slider__title__usa::after {
  border-top: 3px dashed #fad0e9;
}

p.profile__slider__title__sub__usa {
  color: white;
}

.profile__usa__goods a.news_permalink {
  color: white;
}
.profile__usa__goods a.news_permalink__aza {
  color: #6b3738;
}
.profile__usa__goods a.news_permalink .news_wrap {
  background: none;
}
@media screen and (min-width: 751px) {
  .profile__usa__goods a.news_permalink .news_wrap .news_title {
    font-size: 2rem;
  }
}

.pro__page.profile__link__btn {
  padding: 8% 0;
}
.pro__page.profile__link__btn a img.pro__btn {
  width: 90%;
}
@media screen and (min-width: 751px) {
  .pro__page.profile__link__btn a img.pro__btn {
    width: 38%;
  }
}

/**********************************************************/
/*壁紙・素材ページ contents*/
/*壁紙・素材ページ contents*/
/*壁紙・素材ページ contents*/
/**********************************************************/
@media screen and (min-width: 751px) {
  section.contents__page .line__container p.line__title {
    margin-top: 0%;
    font-size: 1.8rem;
    padding: 0% 3%;
  }
}
@media screen and (min-width: 751px) {
  section.contents__page p.line__title.line__title__contents__pc {
    padding: 0%;
    width: 80%;
  }
}

/* contents__wrap */
@media screen and (min-width: 751px) {
  .news__all__wrap.contents__wrap.inner .contents__box {
    width: 100%;
  }
}
.news__all__wrap.contents__wrap.inner .contents__box .contents__box__wrap {
  width: 48%;
}
@media screen and (min-width: 751px) {
  .news__all__wrap.contents__wrap.inner .contents__box .contents__box__wrap {
    width: 23%;
  }
}
@media screen and (min-width: 751px) {
  .news__all__wrap.contents__wrap.inner .contents__box a {
    width: 24%;
  }
}
.news__all__wrap.contents__wrap.inner .contents__box {
  /* DL__btn */
}
.news__all__wrap.contents__wrap.inner .contents__box a.gallery__link {
  display: none;
}
@media screen and (min-width: 751px) {
  .news__all__wrap.contents__wrap.inner .contents__box a.gallery__link {
    display: flex;
    align-items: center;
    position: relative;
    background: #2a2821;
    border-radius: 25px;
    color: white;
    padding: 4% 0;
    padding-left: 0%;
    justify-content: center;
    width: 100%;
    margin-top: 18%;
  }
}
.news__all__wrap.contents__wrap.inner .contents__box a.gallery__link p.gallery__link__text {
  font-weight: bold;
  margin: 0;
  font-size: 1.2rem;
}
@media screen and (min-width: 751px) {
  .news__all__wrap.contents__wrap.inner .contents__box a.gallery__link p.gallery__link__text {
    font-size: 1.4rem;
  }
}
.news__all__wrap.contents__wrap.inner .contents__box a.gallery__link img.contents__DL__btn {
  height: 1.4rem;
  background: #fff;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  right: 4%;
  padding: 2%;
  border-radius: 25px;
}
@media screen and (min-width: 751px) {
  .news__all__wrap.contents__wrap.inner .contents__box a.gallery__link img.contents__DL__btn {
    height: 2rem;
  }
}
.news__all__wrap.contents__wrap.inner .cont__box__img {
  display: none;
}
@media screen and (min-width: 751px) {
  .news__all__wrap.contents__wrap.inner .cont__box__img {
    display: block;
  }
}

/* gallery__item */
/* gallery__item */
/* gallery__item */
.gallery__item {
  width: calc(50% - 10px);
}
@media screen and (min-width: 751px) {
  .gallery__item {
    width: calc(24% - 10px);
  }
}
.gallery__item a.news_permalink {
  width: 100%;
}

/* Gallery__Download__Button */
.gallery__container {
  margin-top: 18%;
}
.gallery__container a.gallery__link {
  display: flex;
  align-items: center;
  position: relative;
  background: #2a2821;
  border-radius: 25px;
  color: white;
  padding: 4% 0;
  padding-left: 8%;
}
@media screen and (min-width: 751px) {
  .gallery__container a.gallery__link {
    padding-left: 0%;
    justify-content: center;
  }
}
.gallery__container a.gallery__link p.gallery__link__text {
  font-weight: bold;
  margin: 0;
  font-size: 1.2rem;
}
@media screen and (min-width: 751px) {
  .gallery__container a.gallery__link p.gallery__link__text {
    font-size: 1.4rem;
  }
}
.gallery__container a.gallery__link img.contents__DL__btn {
  height: 1.4rem;
  background: #fff;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  right: 4%;
  padding: 2%;
  border-radius: 25px;
}
@media screen and (min-width: 751px) {
  .gallery__container a.gallery__link img.contents__DL__btn {
    height: 2rem;
  }
}

/**********************************************************/
/*壁紙・素材 archive-contents*/
/*壁紙・素材 archive-contents*/
/*壁紙・素材 archive-contents*/
/**********************************************************/
.News__single.News__Archive .news-list {
  padding-top: 4%;
}

/**********************************************************/
/*お問い合わせページ contact*/
/*お問い合わせページ contact*/
/*お問い合わせページ contact*/
/**********************************************************/
.form__sub__text p {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}
.form__sub__text p a {
  color: #e95599;
}

.bg__white.form__wrap {
  padding-top: 0;
  font-weight: bold;
}
@media screen and (min-width: 751px) {
  .bg__white.form__wrap {
    margin: 0 auto;
  }
}
@media screen and (min-width: 751px) {
  .bg__white.form__wrap .inner {
    width: 60%;
  }
}
.bg__white.form__wrap input {
  padding: 0.8rem;
  border-radius: 5px;
  border: 1px solid #b3a2b3;
  width: 90%;
  margin-left: 2%;
}
.bg__white.form__wrap textarea.wpcf7-form-control.wpcf7-textarea {
  border-radius: 5px;
  border: 1px solid #b3a2b3;
  width: 94%;
  margin-left: 2%;
}

.form__title {
  font-weight: bold;
  display: flex;
  white-space: nowrap;
}
.form__title p {
  margin-bottom: 0;
}
.form__title span.red {
  font-size: 1.4rem;
  padding: 1% 3%;
  background: #ed86b7;
  color: white;
  border-radius: 5px;
  margin-left: 4%;
}

span.wpcf7-form-control.wpcf7-radio.form__radio {
  display: flex;
  flex-direction: column;
  font-weight: bold;
}

input[type=radio] {
  width: auto !important;
}

.recruit__check__wrap span.red {
  font-size: 1.3rem;
  padding: 1% 2%;
  background: #ed86b7;
  color: white;
  border-radius: 5px;
  margin-left: 4%;
}
@media screen and (min-width: 751px) {
  .recruit__check__wrap p {
    text-align: center;
  }
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
  padding: 1rem;
  font-weight: bold;
  color: white;
  background: #eb97bf;
  font-size: 2rem;
  border-radius: 40px;
  border: 4px solid #e95599;
}
@media screen and (min-width: 751px) {
  input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 52%;
  }
}

.submit__btn__wrap {
  text-align: center;
}
@media screen and (min-width: 751px) {
  .submit__btn__wrap {
    margin-top: 8%;
  }
}

a.privacy__link {
  text-decoration: underline;
  color: unset;
}

/**********************************************************/
/* プライバシーポリシー privacy__policy*/
/* プライバシーポリシー privacy__policy*/
/* プライバシーポリシー privacy__policy*/
/**********************************************************/
.policy {
  margin-top: 8%;
}
.policy .policy__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 8%;
}
@media screen and (min-width: 751px) {
  .policy .policy__title {
    font-size: 3.2rem;
  }
}
.policy .policy__title span {
  font-size: 1.4rem;
}
@media screen and (min-width: 751px) {
  .policy .policy__title span {
    font-size: 1.8rem;
  }
}
.policy p.policy__text {
  font-size: 1.2rem;
  font-weight: bold;
}
.policy p.policy__text span {
  font-size: 1.8rem;
}

/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/* slider__dot */
.slick-dots.slide__dots {
  position: absolute;
  text-align: unset;
  left: -5%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  top: 50%;
  transform: translateY(-50%);
  width: 5%;
}
.slick-dots.slide__dots li {
  margin: 8% 0;
}
.slick-dots.slide__dots li button:before {
  font-size: 1.6rem;
}

/* others */
/* others */
/* others */
p.others__first {
  text-align: center;
}

.others__wrap {
  display: flex;
  justify-content: space-evenly;
  margin-top: 4%;
  /* others__box */
}
.others__wrap a.others__box {
  width: 30%;
}
.others__wrap a.others__box img.others__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.others__wrap a.others__box p.others__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2%;
}
.others__wrap a.others__box p.others__text img.icon {
  height: 1.6rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 2%;
}

/* contents__3 */
/* contents__3 */
/* contents__3 */
.TOP__contents__3 {
  position: relative;
  background: url(../jpg/contents__under.jpg);
  background-size: 125%;
  height: 0%;
  padding: 8% 0;
  color: white;
}
.TOP__contents__3 .contents__1__wrap {
  justify-content: space-evenly;
}
.TOP__contents__3 .contents__3__box {
  width: 38%;
}
.TOP__contents__3 p {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -o-text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -ms-text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.TOP__contents__3 p.contents__3__title {
  font-size: clamp(2.4rem, 5vw, 5rem);
  margin-bottom: 12%;
}
.TOP__contents__3 p.contents__3__text {
  line-height: 2.4;
}

/*詳しく見る__btn*/
/*詳しく見る__btn*/
/*詳しく見る__btn*/
.btn {
  max-width: 300px;
}

.btn a {
  position: relative;
  top: 0;
  display: block;
  padding: 4% 28%;
  background-color: white;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid black;
  color: black;
  text-align: center;
  text-decoration: none;
  transition: 0.2s ease-in-out;
}
.btn a::before {
  background-color: black;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 12px;
  height: 2px;
  margin-top: -0.5px;
  content: "";
}
.btn a:after {
  position: absolute;
  top: 50%;
  right: 11px;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  transform: rotate(45deg);
  border-top: 2px solid black;
  border-right: 2px solid black;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

.btn a:hover {
  top: 4px; /* 元の位置から9px分下げる */
  box-shadow: 0 0 #4c0f13; /* 影を0pxにする */
  opacity: 0.8;
  transition: 0.3s ease-in-out;
}

/* contents__4__News__section */
/* contents__4__News__section */
/* contents__4__News__section */
section.News__section {
  margin: 4% 0 12%;
}
section.News__section .inner {
  width: 60%;
}

/* news__title */
.news__title h2.underline__js {
  font-size: 2.8rem;
  text-align: left;
  margin-bottom: 4%;
}
.news__title .headline {
  position: relative;
}
.news__title .headline:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 0%;
  height: 1px;
  background: black;
  transition: all 1.6s;
}
.news__title .headline.isActive:after {
  width: 100%;
}

/* News__items */
.News__items__wrap .card {
  display: flex;
  align-items: center;
  margin: 2% 0;
  font-size: 1.4rem;
  /* time */
}
.News__items__wrap .card .card__time {
  padding-right: 6%;
}
.News__items__wrap .card {
  /* h3__title */
}
.News__items__wrap .card h3.card__title {
  margin: 0;
  overflow-wrap: anywhere;
}

/* View__all__→ */
.all__btn {
  display: flex;
  justify-content: end;
  text-decoration: underline;
}

/* contents__5__contacts */
/* contents__5__contacts */
/* contents__5__contacts */
.TOP__contents__contacts {
  background: black;
  padding: 4% 0 6%;
}
.TOP__contents__contacts .contacts__wrap {
  display: block;
  width: 40%;
}
.TOP__contents__contacts .contacts__wrap h2 {
  font-size: 4.4rem;
  color: white;
  margin: 4% auto;
}
.TOP__contents__contacts .contacts__wrap .btn {
  margin-left: 16%;
}
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--NEWS_archive------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
.Content__FV__wrap {
  padding-top: 90px;
  background: #d9d9d9;
}
.Content__FV__wrap .Content__FV__link {
  padding: 0.7% 0;
  width: 88%;
  margin: 0 auto;
}
.Content__FV__wrap .Content__FV__link .breadcrumb__box {
  font-size: 1rem;
}
.Content__FV__wrap .Content__FV__link .breadcrumb__box span {
  padding: 0 0.4rem;
  overflow-wrap: anywhere;
}
.Content__FV__wrap .page__FV {
  background-size: cover;
  padding: 5% 8%;
}
.Content__FV__wrap .page__FV.News__FV {
  background: url("../jpg/News__TOP.jpg") no-repeat center center;
}
.Content__FV__wrap .page__FV .title__wrap {
  background-color: white;
  padding: 8% 2%;
  width: 35%;
}
.Content__FV__wrap .page__FV .title__wrap h2.page__FV__title {
  font-size: 2rem;
  margin: 0 auto;
}
.Content__FV__wrap .page__FV .title__wrap p.sub__text {
  font-size: 1.6rem;
  padding-top: 8%;
}

.News__section.News__archive {
  margin-top: 0;
  margin-bottom: 0;
}

.pagenate__span {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 6%;
  gap: 0.5%;
  align-items: center;
}

span.new__mark {
  background: #aa2b2b;
  color: white;
  padding: 1% 3%;
}

span.page-numbers.current {
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  position: relative;
  height: 40px;
  text-decoration: underline;
}

a.page-numbers {
  font-size: 1rem;
  padding: 0 1%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 40px;
  color: black;
}

a.next.page-numbers,
a.prev.page-numbers {
  background: #fff;
}

a.next.page-numbers {
  margin-left: 2%;
  border: solid 1px;
  width: 15px;
  height: 15px;
  padding: 0;
  border-radius: 25px;
}

a.prev.page-numbers {
  margin-right: 2%;
  border: solid 1px;
  width: 15px;
  height: 15px;
  padding: 0;
  border-radius: 25px;
}

span.page-numbers.dots {
  display: flex;
  align-items: center;
}

.under__arc {
  padding-top: 5%;
  padding-bottom: 10%;
}

.more__wrap {
  display: flex;
  justify-content: center;
}

.more__btn {
  opacity: 1;
  transform: translateY(0);
  display: flex;
  justify-content: center;
  border: 1px solid;
  max-width: 460px;
}

.btn__03 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 464px;
  height: 44px;
  color: black;
}
.btn__03:hover {
  background: var(--G__00__logo, #4e4e56);
  transition: background-color 1s cubic-bezier(0.19, 1, 0.22, 1);
  color: white;
}
.btn__03::before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  right: 18px;
  width: 30px;
  height: 2px;
  background: #666;
}
.btn__03::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  right: 18px;
  width: 8px;
  height: 0px;
  border: 2px solid;
  border-color: transparent transparent #666 #666;
  transform: rotate(-135deg);
}

/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--NEWS__Single------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
.news_time__single {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.News__single__FV__link {
  z-index: 0;
  top: 0;
  padding-top: 32%;
  width: 100%;
  position: absolute;
  margin-bottom: -7%;
}
.News__single__FV__link .Content__FV__link {
  position: absolute;
  font-size: 1.4rem;
  top: 30%;
  right: 6%;
  color: white;
}

.News__single.Content__market__back .Content__market__wrap {
  display: block;
  margin-top: 6%;
}
.News__single.Content__market__back .Content__market__wrap .category__wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
}
.News__single.Content__market__back .Content__market__wrap .category__wrap p.category {
  width: -moz-fit-content;
  width: fit-content;
  border: 2px solid black;
  padding: 0.4% 2%;
  border-radius: 20px;
  color: black;
  transition: all 0.4s ease;
}
.News__single.Content__market__back .Content__market__wrap .news__single__titile {
  font-size: 3.6rem;
  font-weight: bold;
  padding-bottom: 3%;
  background-image: radial-gradient(circle, #d9d9d9 2px, transparent 2px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 12px 4px;
  overflow-wrap: break-word;
}
.News__single.Content__market__back .Content__market__wrap .thumbnail__wrap {
  padding-top: 4%;
}
.News__single.Content__market__back .Content__market__wrap .thumbnail__wrap img {
  width: 100%;
  height: 100%;
  max-height: 600px;
  -o-object-fit: cover;
  object-fit: contain;
}
.News__single.Content__market__back .Content__market__wrap .single__content {
  padding-top: 2.5%;
  word-break: break-all;
}
.News__single.Content__market__back .Content__market__wrap .single__content iframe {
  /* 16:9 の比率を維持（動画などに多い比率） */
  aspect-ratio: 16/9;
  height: auto;
  border: none;
}
.News__single.Content__market__back .Content__market__wrap .News__single__btn.TOP__vision__box1 {
  width: 100%;
  margin-bottom: 6%;
}
.News__single.Content__market__back .Content__market__wrap .News__single__btn.TOP__vision__box1 .TOP__vision__btn {
  justify-content: center;
  margin-top: 3.5%;
  text-align: center;
}

iframe {
  /* 16:9 の比率を維持（動画などに多い比率） */
  aspect-ratio: 16/9;
  height: auto;
  border: none;
  width: 100%;
}

.News__single__MoreBack.Content__LearnMore {
  background: #f8f8f8;
}

/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--archive__archive------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
.Articles__wrap.Articles__archive {
  flex-wrap: wrap;
  margin: 6% auto;
  display: flex;
  justify-content: space-between;
}
.Articles__wrap.Articles__archive .Articles__box {
  width: 45%;
  border-radius: 20px;
  padding: 2%;
  margin-bottom: 4%;
  border: 1px solid;
  background: black;
}
.Articles__wrap.Articles__archive .Articles__box .thumbnail__wrap {
  height: 250px;
  position: relative;
}
.Articles__wrap.Articles__archive .Articles__box .thumbnail__wrap p.category {
  position: absolute;
  bottom: 2%;
  left: 8%;
  color: white;
  background: #7a6af5;
  padding: 1.5% 4% 2%;
  border-radius: 25px;
  display: flex;
  align-items: center;
  margin: 0;
}
.Articles__wrap.Articles__archive .Articles__box .thumbnail__wrap img {
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 4%;
  width: 92%;
  border-radius: 45px;
}
.Articles__wrap.Articles__archive .Articles__box .Articles__box__text {
  border: none;
}
.Articles__wrap.Articles__archive .Articles__box .Articles__box__text {
  /* article__title */
}
.Articles__wrap.Articles__archive .Articles__box .Articles__box__text h2.article__title {
  color: white;
}
.Articles__wrap.Articles__archive .Articles__box .Articles__box__text p.category {
  width: -moz-fit-content;
  width: fit-content;
  border: 2px solid white;
  padding: 0.4% 2%;
  border-radius: 20px;
  color: white;
  transition: all 0.4s ease;
}

/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--footer------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
footer.footer__wrap {
  padding: 1% 0 2%;
  background: #eb97bf;
}
footer.footer__wrap .inner {
  width: 60%;
}
footer.footer__wrap .inner ul {
  margin: 0;
  padding: 0;
}
footer.footer__wrap .inner {
  /* footer__logo */
}
footer.footer__wrap .inner a.footer__logo img.logo__img {
  width: 80%;
  -o-object-fit: cover;
     object-fit: cover;
  display: flex;
  margin: 0 auto;
}
@media screen and (min-width: 751px) {
  footer.footer__wrap .inner a.footer__logo img.logo__img {
    width: 30%;
  }
}
footer.footer__wrap .inner {
  /* footer__menu */
}
footer.footer__wrap .inner .footer__menu {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 8% 4%;
}
@media screen and (min-width: 751px) {
  footer.footer__wrap .inner .footer__menu {
    justify-content: center;
    gap: 6%;
    padding: 4%;
  }
}
footer.footer__wrap .inner .footer__menu a.footer__link {
  width: 18%;
}
@media screen and (min-width: 751px) {
  footer.footer__wrap .inner .footer__menu a.footer__link {
    width: 8%;
  }
}
footer.footer__wrap .inner .footer__menu a.footer__link img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
footer.footer__wrap {
  /* footer__text */
}
footer.footer__wrap .footer__text {
  color: white;
  text-align: center;
}
footer.footer__wrap .footer__text p {
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (min-width: 751px) {
  footer.footer__wrap .footer__text p {
    font-size: 1rem;
  }
}
footer.footer__wrap {
  /* footer__copy */
  /* footer__copy */
  /* footer__copy */
}
footer.footer__wrap .footer__copy p.footer__copy__text {
  text-align: center;
  color: white;
  font-size: 1rem;
}
@media screen and (min-width: 751px) {
  footer.footer__wrap .footer__copy p.footer__copy__text {
    font-size: 1.4rem;
  }
}

/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--About__page------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
.page__FV.About__FV {
  background: url("../jpg/About__TOP.jpg") no-repeat center center;
}

/* slider__box */
.slider__box {
  display: flex;
  justify-content: space-between;
  padding-top: 6%;
  padding-bottom: 6%;
  /* slider__img */
}
.slider__box .slick__img {
  width: 54%;
}
.slider__box .slick__img img {
  height: auto;
  width: 100%;
  border: solid 2px black;
  border-radius: 8px;
}
.slider__box {
  /* slider__text */
}
.slider__box .slider__text {
  width: 42%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.slider__box .slider__text {
  /* title */
}
.slider__box .slider__text .text__title {
  display: flex;
  align-items: center;
  font-size: 2.4rem;
  position: relative;
}
.slider__box .slider__text .text__title img.mark {
  width: 16%;
  margin-right: 6%;
}
.slider__box .slider__text {
  /* center__text */
}
.slider__box .slider__text p.center__text {
  font-size: 1.6rem;
  margin: 6% auto 2%;
}
.slider__box .slider__text p.center__text span.black__span {
  color: white;
  background: black;
  padding: 1%;
}
.slider__box .slider__text {
  /* under__button */
}
.slider__box .slider__text .under__button {
  position: relative;
  padding: 4%;
  padding-left: 6%;
  background-image: repeating-linear-gradient(90deg, #000000, #000000 4px, transparent 4px, transparent 8px), repeating-linear-gradient(90deg, #000000, #000000 4px, transparent 4px, transparent 8px);
  background-position: left top, left bottom;
  background-repeat: repeat-x, repeat-x;
  background-size: 100% 2px, 100% 2px;
}
.slider__box .slider__text .under__button::before {
  background-color: black;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 22px;
  height: 2px;
  margin-top: 0px;
  content: "";
}
.slider__box .slider__text .under__button:after {
  position: absolute;
  top: 50%;
  right: 13px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  transform: rotate(45deg);
  border-top: 2px solid black;
  border-right: 2px solid black;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* page__others */
/* page__others */
/* page__others */
.TOP__contents__1.page__others {
  margin-bottom: 8%;
}

/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--company__page------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
.page__FV.company__FV {
  background: url("../jpg/Company__TOP.jpg") no-repeat center center;
}

/* company__contents */
/* company__contents */
/* company__contents */
.TOP__contents__1.company__contents {
  background: #433a35;
  padding: 4% 0 12%;
}
.TOP__contents__1.company__contents h2.contents__h2__title {
  color: white;
}
.TOP__contents__1.company__contents h2.contents__h2__title::after {
  background: white;
}
.TOP__contents__1.company__contents {
  /* list__link__wrap */
}
.TOP__contents__1.company__contents .list__link {
  background: white;
  margin: 0 auto;
  width: 78%;
  padding: 0 4%;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4%;
  /* link__btn */
  /* link__btn */
  /* link__btn */
}
.TOP__contents__1.company__contents .list__link .link__btn {
  display: flex;
  width: 20%;
  align-items: center;
  /* icon */
}
.TOP__contents__1.company__contents .list__link .link__btn img.list__link__icon {
  width: 2.4rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 10%;
}
.TOP__contents__1.company__contents .list__link .link__btn p {
  white-space: nowrap;
  font-size: 1.4rem;
}

/* Company__profile プロフィール*/
/* Company__profile プロフィール*/
/* Company__profile プロフィール*/
/* プロフィール*/
.Company__profile {
  padding: 6% 4%;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  background: white;
  margin-top: 10%;
  /* pro__image */
  /* pro__image */
  /* pro__image */
}
.Company__profile .pro__image__wrap {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Company__profile .pro__image__wrap img.pro__image {
  width: 90%;
  -o-object-fit: cover;
     object-fit: cover;
}
.Company__profile {
  /* pro__text */
  /* pro__text */
  /* pro__text */
}
.Company__profile .pro__text {
  width: 60%;
  /* pro__title */
}
.Company__profile .pro__text h3.pro__title {
  font-size: 2.6rem;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.Company__profile .pro__text h3.pro__title span {
  font-size: 1.4rem;
  font-weight: normal;
}
.Company__profile .pro__text {
  /* pro__name */
}
.Company__profile .pro__text p.pro__name {
  font-weight: bold;
  margin-left: 2%;
  font-size: 2.6rem;
}
.Company__profile .pro__text {
  /* under__text */
}
.Company__profile .pro__text p.under__text {
  font-size: 1.4rem;
}
.Company__profile .pro__text {
  /* under__link */
}
.Company__profile .pro__text a.under__link {
  display: flex;
  align-items: center;
}
.Company__profile .pro__text a.under__link img.icon__inst {
  width: 2.8rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 2%;
}

img.pro__image__sp {
  display: none;
}

/* Company__About 企業概要*/
/* Company__About 企業概要*/
/* Company__About 企業概要*/
p.Company__About__first {
  text-align: center;
  margin: 6% 0 2%;
}

/* Company__About__wrap */
.Company__About__wrap {
  width: 85%;
  margin: 0 auto;
}

.Company__About__wrap .item__wrap {
  display: flex;
  justify-content: space-between;
}
.Company__About__wrap .item__wrap__first {
  margin-bottom: 5%;
}
.Company__About__wrap .item__wrap {
  /* title */
}
.Company__About__wrap .item__wrap p.title {
  font-weight: bold;
  margin-top: 6%;
}
.Company__About__wrap .item__wrap p.title__point {
  margin: 0;
}
.Company__About__wrap .item__wrap .white {
  color: white;
}
.Company__About__wrap .item__wrap {
  /* text */
}
.Company__About__wrap .item__wrap p.text {
  width: 70%;
  margin-top: 6%;
}
.Company__About__wrap .item__wrap p.text__point {
  display: flex;
  margin: 0;
}
.Company__About__wrap .item__wrap p.text__point span.sub__title {
  width: 20%;
}

/* Company__Access__map アクセス*/
/* Company__Access__map アクセス*/
/* Company__Access__map アクセス*/
/* Company__Access__map アクセス*/
.Access__map {
  width: 75%;
  display: flex;
  margin: 0 auto;
  height: auto;
  position: relative;
  padding-top: 45.25%;
  margin-top: 6%;
}
.Access__map iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

p.Access__map__text {
  width: 75%;
  margin: 0 auto;
  display: flex;
  margin-top: 2%;
}
p.Access__map__text span {
  margin-right: 4%;
}

/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--Contact__page------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
.page__FV.Contact__FV {
  background: url("../jpg/Contact__TOP.jpg") no-repeat center center;
}

.contacts__title__wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contacts__title__wrap img.pc__img {
  display: block;
}
.contacts__title__wrap img.sp__img {
  display: none;
}

/*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*/
/*---------レスポンシブ-----------------------------------------*/
/*---------レスポンシブ-----------------------------------------*/
/*---------レスポンシブ-----------------------------------------*/
/*---------レスポンシブ-----------------------------------------*/
/*---------レスポンシブ-----------------------------------------*/
@media screen and (max-width: 1200px) {
  /*画面幅が1200px以下の時*/
  /* ルートの文字サイズを10pxに設定 */
  html {
    font-size: 50%;
  }
  /* bodyのフォントサイズを1.6em（16px）に設定 */
  body {
    font-size: 1.6em;
  }
}
/*---------レスポンシブ-----------------------------------------*/
/*---------レスポンシブ-----------------------------------------*/
/*---------レスポンシブ-----------------------------------------*/
/*---------レスポンシブ-----------------------------------------*/
/*---------レスポンシブ-----------------------------------------*/
@media screen and (max-width: 950px) {
  /*画面幅が1200px以下の時*/
  /* ルートの文字サイズを10pxに設定 */
  html {
    font-size: 44%;
  }
}
/*---------レスポンシブ-----------------------------------------*/
/*---------レスポンシブ-----------------------------------------*/
/*---------レスポンシブ-----------------------------------------*/
/*---------レスポンシブ-----------------------------------------*/
/*---------レスポンシブ-----------------------------------------*/
@media screen and (max-width: 750px) {
  /*画面幅が1200px以下の時*/
  /* ルートの文字サイズを10pxに設定 */
  html {
    font-size: 62.5%;
  }
}/*# sourceMappingURL=style.css.map */