/*@import url("../style.css");*/

/********** 共通タグ設定 **********/
/* 共通 */
.br_390 {
  display: none;
}

#sub_eye {
  width: 100%;
  overflow: hidden;
}

/* メインビジュアル */
#ud_main {
  margin-bottom: 180px;
}

.pankuzu ul {
  display: flex;
  align-items: center;
}

.pankuzu ul li,
.pankuzu ul li a {
  font-size: 10px;
  color: #707070;
}

/* 2023.12.26 start */
.pankuzu ul li {
  position: relative;
}
.pankuzu ul li::after {
  content: ">";
  padding: 0 5px;
}
.pankuzu ul li:last-child::after {
  content: "";
  display: none;
}
/* 2023.12.26 end */

/*
.ud_753_title{
    margin-bottom: 32px;
}
*/

.ud_eye {
  width: 100%;
  margin-bottom: 100px;
}

.ud_eye img {
  width: 100%;
}

.ud_main_contents {
  display: flex;
  justify-content: space-between;
}

.ud_main_text {
  width: 50%;
}

.ud_main_text h3 {
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: normal;
  line-height: 32px;
}

.ud_main_text p {
  font-size: 16px;
  font-family: "Shippori Mincho", serif;
  line-height: 32px;
}

.ud_main_img {
  width: 460px;
}

/* プラン */
#ud_plan {
  margin-bottom: 130px;
}

.ud_plan_title {
  margin-bottom: 100px;
}

.plan02,
.plan01,
.plan03 {
  position: relative;
  margin-bottom: 180px;
}

.plan01::before,
.plan02::before,
.plan03::before {
  font-size: 126px;
  color: #f7f7f7;
  position: absolute;
  top: -80px;
  /*    left: -20%; */
  left: 10px;
  z-index: -2;
}

.plan01::before {
  content: "Plan01";
}

.plan02::before {
  content: "Plan02";
}

.plan03::before {
  content: "Plan03";
}

.ud_plan_box {
  margin-bottom: 140px;
  display: flex;
  justify-content: space-between;
  justify-content: flex-end;
  align-items: flex-start;
}

.ud_plan_text,
.ud_plan_img {
  width: 50%;
}

.ud_plan_text {
  padding-right: 40px;

  max-width: 600px;
}

.ud_plan_text h3 {
  margin-top: 80px;
  margin-bottom: 50px;
  font-size: 34px;
  font-weight: normal;
  display: flex;
  flex-direction: column;
}

.ud_plan_text h3 span {
  margin-left: 10px;
  font-size: 14px;
  letter-spacing: 0.1rem;
  color: var(--keycolor);
}

.ud_plan_text h3 .mini {
  color: #333;
  padding: 0.5em 0;
}

.ud_plan_text p {
  line-height: 32px;
}

.plan_list {
  padding: 0 100px;
}

.plan_list_ttl {
  margin-bottom: 80px;
  font-size: 24px;
  font-weight: normal;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans CJK JP", "noto-sans-cjk-jp", "Noto Sans JP", sans-serif;
  text-align: center;
}

.ud_plan_item {
  margin-bottom: 60px;
  padding: 32px 60px;
  display: flex;
  justify-content: space-around;
  background-color: var(--keycolor-white);
  border-left: 9px solid var(--keycolor);
  /*box-shadow: 2px 3px 5px #ebebeb;*/
  box-shadow: 2px 3px 12px #ebebeb;
}

.plan_cut,
.plan_contens {
  width: 50%;
}

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

.plan_cut h3,
.plan_cut h5,
.plan_ryokin_box {
  width: 50%;
}

.plan_cut h3,
.plan_cut h5 {
  font-size: 70px;
  font-weight: normal;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans CJK JP", "noto-sans-cjk-jp", "Noto Sans JP", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
}

.plan_cut h3 span,
.plan_cut h5 span {
  margin-left: 20px;
  font-size: 20px;
}

.cut_ryokin {
  font-size: 24px;
  font-weight: bold;
  color: #dd6262;
  display: flex;
  align-items: self-start;
}

.cut_ryokin span {
  padding-top: 8px;
  margin-left: 10px;
  font-size: 14px;
  font-weight: normal;
  color: var(--keycolor-brack);
}

.plan_contens {
  display: flex;
  justify-content: space-around;
}

.plan_contens ul li {
  padding-left: 16px;
  text-indent: -16px;
  line-height: 36px;
}

.plan_contens ul li a {
  margin-top: 10px;
  display: block;
  width: 140px;
}

.plan_cut .premium_plan_ttl {
  font-size: 28px;
}

.ud_plan_opcion {
  padding: 32px 60px;
  background-color: var(--keycolor-bg-brown);
}

.ud_plan_opcion h3,
.ud_plan_opcion h5 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: normal;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans CJK JP", "noto-sans-cjk-jp", "Noto Sans JP", sans-serif;
}

.plan_option_item {
  padding-left: 28px;
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.plan_option_item span {
  display: block;
  width: 30%;
  height: 5px;
  border-bottom: 2px dotted var(--keycolor-brack);
}

.ud_plan_opcion ul li {
  font-size: 16px;
  line-height: 36px;
  padding-left: 16px;
  text-indent: -16px;
}

.ud_plan_opcion ul .opcion_strong {
  font-weight: bold;
}

.ud_plan_opcion table th {
  margin-right: 24px;
}

/* プラン-パック- */
.plan_pack {
  padding: 36px;
  background-color: var(--keycolor-white);
  /*box-shadow: 2px 3px 5px #ededed;*/
  box-shadow: 2px 3px 12px #ededed;
}
.plan_pack[data-ver="mb"] {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .plan_pack[data-ver="mb"] {
    margin-bottom: 40px;
  }
}

.plan_pack:not(:first-of-type) {
  margin-top: 60px;
}

.pack_title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.pack_title h3,
.pack_title h5 {
  margin-bottom: 40px;
  padding-left: 16px;
  font-size: 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  font-weight: normal;
  font-family: "Marcellus", serif;
}

.pack_title h3::before,
.pack_title h5::before {
  content: "";
  width: 5px;
  height: 30px;
  background-color: var(--keycolor);
  position: absolute;
  top: 0;
  left: 0;
}

.pack_title h3 span,
.pack_title h5 span {
  font-size: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans CJK JP", "noto-sans-cjk-jp", "Noto Sans JP", sans-serif;
}

.pack_title p {
  font-size: 24px;
  font-weight: bold;
  color: #dd6262;
  display: flex;
  align-items: center;
  column-gap: 16px;
  position: relative;
}

.pack_title p span {
  font-size: 14px;
  font-weight: normal;
  color: var(--keycolor-brack);
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.pack_title p .tuzyo_ryokin span {
  font-size: 16px;
  font-weight: bold;
}

.pack_title p span img {
  width: 25px;
  height: 14px;
  display: block;
}

pack_title p span.sub_txt{
  position: absolute;
  top: 34px;
  font-size: 1.45rem;
}

.pack_contents p {
  margin-bottom: 20px;
}

.pack_contents ul {
  margin-bottom: 20px;
}

.pack_contents ul li {
  line-height: 28px;
  padding-left: 20px;
  text-indent: -20px;
}

.pack_contents ul li a {
  margin-top: 10px;
  display: block;
  width: 140px;
}

.pack_contents .pack_tyui {
  padding: 20px 16px;
  background-color: var(--keycolor-bg-brown);
}

.pack_contents .pack_tyui ul {
  margin-bottom: 0;
}

.pack_contents .pack_tyui ul li {
  font-size: 14px;
  padding-left: 10px;
  text-indent: -10px;
}

.pack_red {
  color: #dd6262;
  font-weight: bold;
}

.text-table{
  display: flex;
  justify-content: space-between;
}
.text-table p{
  width: 69%;
  padding-right: 40px;
}

/* .price_table{
  margin: 0 auto 30px;
  width: 42%;
} */
.price_table{
  margin: 0 auto 30px;
  width: 30%;
}
/* .price_table .table_title{
  font-weight: 500;
  font-size: 1.7rem;
  text-align: center;
  padding: 12px;
} */
.price_table .table_title{
  font-weight: 500;
  font-size: 1.7rem;
  text-align: center;
  padding: 8px;
}
.price_table, .price_table tr, .price_table td{
  border: 2px solid #E9A0A3;
  border-collapse: collapse;
  }

.price_table th{
  padding: 12px 10px;
  }
/* .price_table td.table_item{
  padding: 12px 8px 12px 10px;
  width:40%;
  text-align: left;
} */
.price_table td.table_item{
  padding: 8px 10px;
  width:40%;
  text-align: left;
}
.price_table td.table_price{
  padding: 12px 12px 12px 8px;
  width:60%;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .text-table{
    display: block;
  }
  .text-table p{
    width: 100%;
    padding-right: 0;
  }
  .price_table{
      width: 98%;
  }
    
  }



/* 特徴-features- */
#ud_features {
  padding: 120px 0;
  background-color: var(--keycolor-bg-brown);
}

.features_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 40px;
}

.features_item {
  width: 32%;
  background-color: var(--keycolor-white);
}

.features_item .features_img {
  margin-bottom: 16px;
  width: 100%;
}

.features_item .features_text {
  padding: 0 20px 20px;
}

.features_item .features_text h3 {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: normal;
}

/* キャンペーン */
#ud_campaign {
  margin-bottom: 140px;
  padding: 160px 0 100px;
  background-color: var(--keycolor-bg-pink);
}

.ud_campaign_title {
  position: relative;
}

.ud_campaign_title::before {
  content: "";
  display: block;
  width: 89px;
  height: 54px;
  background-image: url(../img/common/check.png);
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}

.ud_campaign_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ud_campaign_item {
  display: block;
  width: 32%;
}

.ud_campaign_item .campaign_img {
  width: 100%;
  margin-bottom: 8px;
  aspect-ratio: 8 / 5;
  overflow: hidden;
  overflow: hidden;
}
.ud_campaign_item .campaign_img img {
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ud_campaign_item .campaign_img img:hover {
  transform: scale(1.1);
  transition: all 0.3s;
}

.ud_campaign_item h3,
.ud_campaign_item p {
  color: var(--keycolor-brack);
  display: flex;
  flex-direction: column-reverse;
  row-gap: 16px;
  font-weight: normal;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans CJK JP", "noto-sans-cjk-jp", "Noto Sans JP", sans-serif;
  font-size: 16px;
}

.ud_campaign_item h3 span,
.ud_campaign_item p span {
  font-size: 14px;
}

.ud_link {
  width: 100%;
  display: flex;
  justify-content: center;
}

.ud_campaign_box {
  margin-bottom: 60px;
}

/* ギャラリー,衣装 */
#ud_photo_gallery,
#ud_costume {
  margin-bottom: 200px;
}

.ud_gallery,
.ud_costume {
  margin-bottom: 40px;
}

.ud_gallery ul,
.ud_costume ul {
  display: flex;
  justify-content: space-between;
}

.ud_gallery ul li,
.ud_costume ul li {
  width: 19%;
}

/* フロー -flow- */
#photo_flow {
  margin-bottom: 120px;
}

#photo_flow .inner {
  counter-reset: stepnum;
}

.photo_flow_contents {
  padding: 30px 36px;
  display: flex;
  background-color: var(--keycolor-white);
  /*box-shadow: 2px 3px 5px #ededed;*/
  box-shadow: 2px 3px 12px #ededed;

  position: relative;
}

.photo_flow_contents:not(:first-of-type) {
  margin-top: 60px;
}

.photo_flow_contents:not(:last-of-type)::before {
  content: "";
  display: block;
  width: 117px;
  height: 29px;
  background-image: url(../img/753/flow_arr.svg);
  background-size: cover;
  background-position: top center;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
}

.photo_flow_img {
  width: 240px;
}

.photo_flow_text {
  width: calc(100% - 24px);
  padding-left: 40px;
}

.photo_flow_text h3 {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: normal;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans CJK JP", "noto-sans-cjk-jp", "Noto Sans JP", sans-serif;
}

.photo_flow_text h3 span {
  padding-right: 68px;
  font-size: 18px;
  color: var(--keycolor);
  position: relative;
}

.photo_flow_text h3 span::before {
  counter-increment: stepnum;
  content: "0" counter(stepnum);
  font-size: 40px;
  font-weight: normal;

  position: absolute;
  left: 48px;
  bottom: -14px;
}

/******* マタニティ *******/
.pack_top {
  margin-bottom: 80px;
}

.heizitu_plan .cut_ryokin span.heizitu {
  margin-top: 5px;
  margin-left: 0;
  padding-right: 10px;
  font-size: 14px;
  font-weight: bold;
  color: var(--keycolor-brack);
}

.heizitu_plan li p:not(:last-of-type) {
  padding-left: 38px;
}

.maternity_features {
  margin-bottom: 120px;
}

/* ベリーペイント */
#bellypaint {
  margin-bottom: 120px;
}

.ud_bellypaint_title {
  margin-bottom: 80px;
}

.belly_main {
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.belly_img {
  width: 400px;
}

.belly_text {
  width: calc(100% - 440px);
}

.belly_contents {
  margin-bottom: 100px;
  display: flex;
}

.belly_sample,
.belly_deco {
  width: 50%;
}

.belly_sample h3,
.deco_sample h3,
.belly_sample h4,
.deco_sample h4 {
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
}

.belly_samlpe_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 28px;
}

.belly_sample_item {
  width: 32%;
}

.belly_sample_item p {
  font-size: 16px;
  text-align: center;
}

.deco_sample_box {
  margin-bottom: 110px;
  display: flex;
  justify-content: center;
  column-gap: 10px;
}

.deco_sample_item {
  width: 32%;
}

.deco_sample_item p {
  font-size: 16px;
}

.deco_image {
  text-align: center;
}

.deco_image p {
  margin-bottom: 24px;
}

.deco_image .paint_image {
  margin: 0 auto;
  width: 170px;
}

/* 絵柄について */
.belly_paint_about {
  margin: 0 auto;
  max-width: 1000px;
  padding: 40px;
  background-color: var(--keycolor-bg-brown);
}

.belly_paint_about h4 {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: normal;
}

.belly_paint_about p {
  line-height: 32px;
}

.belly_paint_about p:not(:last-of-type) {
  margin-bottom: 32px;
}

/** お宮参り **/
/* プラン02 */
.rc_plan {
  position: relative;
}

.rc_plan::before {
  content: "おすすめ";
  display: block;
  width: 95px;
  height: 37px;
  background-color: #dd6262;
  font-size: 16px;
  color: var(--keycolor-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;

  position: absolute;
  top: 10px;
  left: 20px;
}

/**** お宮参り *****/
/* コスチューム */
.costume_txt {
  font-size: 16px;
  margin-bottom: 40px;
  text-align: center;
}

/******* レスポンシブ *******/
@media screen and (max-width: 1200px) {
  .plan01::before,
  .plan02::before,
  .plan03::before {
    font-size: 80px;
    color: #f7f7f7;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: -2;
  }
}

@media screen and (max-width: 980px) {
  /** メイン **/
  .ud_main_text {
    padding-right: 24px;
  }

  /** プラン **/
  .plan_list {
    padding: 0;
  }
  .plan_list_ttl {
    margin-bottom: 40px;
  }

  .ud_plan_item {
    flex-direction: column;
    padding: 32px 24px;
  }

  .plan_cut,
  .plan_contens {
    width: 100%;
  }

  .plan_cut {
    margin-bottom: 20px;
    justify-content: space-between;
  }

  .plan_cut h3,
  .plan_cut h5 {
    justify-content: start;
    align-items: end;
  }

  .plan_cut h3 span,
  .plan_cut h5 span {
    margin-left: 8px;
    margin-bottom: 18px;
  }

  .plan_contens {
    display: flex;
    justify-content: start;
  }

  .plan_contens ul {
    width: 50%;
  }

  .ud_plan_opcion {
    padding: 32px 24px;
  }

  /* flow */
  .photo_flow_text h3 {
    display: flex;
    flex-direction: column;
  }

  .photo_flow_text h3 span {
    margin-bottom: 10px;
  }

  /******* マタニティ *******/
  .belly_contents {
    flex-direction: column;
  }

  .belly_sample,
  .belly_deco {
    width: 100%;
  }

  .belly_sample {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 768px) {
  /** メインビジュアル **/
  #ud_main {
    margin-bottom: 110px;
  }

  .ud_eye {
    margin-bottom: 40px;
  }

  .ud_main_contents {
    flex-direction: column;
  }

  .ud_main_text,
  .ud_main_img {
    width: 100%;
  }

  .ud_main_text {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .ud_main_text h3 {
    margin-bottom: 20px;
  }

  /* プラン */
  .plan01::before,
  .plan02::before,
  .plan03::before {
    z-index: 2;
    top: -100px;
  }

  .ud_plan_title {
    margin-bottom: 120px;
  }

  .ud_plan_box {
    margin-bottom: 80px;
    flex-direction: column-reverse;

    padding: 0 20px;
  }

  .ud_plan_text,
  .ud_plan_img {
    width: 100%;
  }

  .ud_plan_text {
    padding-right: 0;
  }

  .ud_plan_text h3 {
    font-size: 26px;
  }

  .ud_plan_img {
    margin-bottom: 30px;
  }

  .ud_plan_text h3 {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .plan_contens {
    flex-direction: column-reverse;
  }

  .plan_contens ul {
    width: 100%;
  }

  .sp_br_none {
    display: none;
  }

  .plan_option_item {
    padding-left: 0;
    justify-content: space-between;
  }

  .plan_option_item span {
    width: 10%;
  }

  .plan_pack {
    padding: 36px 20px;
  }

  .plan_option_item {
    /* flex-direction: column;
    align-items: flex-start; */
    flex-direction: row;
    align-items: center;
    row-gap: 16px;
  }

  .plan_option_item:not(:first-of-type) {
    margin-top: 24px;
  }

  /* パック */
  .pack_title {
    flex-direction: column;
  }

  .pack_title h3,
  .pack_title h5 {
    font-size: 22px;
    margin-bottom: 8px;
  }

  .pack_title h3 span,
  .pack_title h5 span {
    font-size: 14px;
  }

  .pack_title p {
    width: 100%;
    font-size: 22px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
  }

  .pack_title p span.sub_txt{
      position: absolute;
      top: 34px;
      font-size: 1.4rem;
  }

  .pack_contents ul li {
    padding-left: 20px;
    text-indent: -20px;
  }

  .pack_contents .pack_tyui ul li {
    padding-left: 10px;
    text-indent: -10px;
  }

  /* 特徴-features- */
  .features_item {
    width: 100%;
  }

  /* キャンペーン */
  #ud_campaign {
    padding: 80px 0;
  }

  .ud_campaign_box {
    row-gap: 32px;
  }

  .ud_campaign_box a {
    width: 100%;
  }

  /* フォトギャラリー、衣装 */
  .ud_gallery ul,
  .ud_costume ul {
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .ud_gallery ul li,
  .ud_costume ul li {
    width: 48%;
  }

  /* flow */
  .photo_flow_contents {
    flex-direction: column;
  }

  .photo_flow_img {
    margin-bottom: 40px;
    width: 100%;
  }

  .photo_flow_text {
    padding-left: 0px;
  }

  /**** マタニティ ****/
  .belly_main {
    flex-direction: column;
  }

  .belly_img,
  .belly_text {
    width: 100%;
  }

  .belly_img {
    margin-bottom: 10px;
  }

  .belly_samlpe_box {
  }

  .belly_sample_item {
    width: 48%;
  }

  .deco_sample_box {
    column-gap: normal;
    justify-content: space-between;
  }

  .deco_sample_item {
    width: 48%;
  }

  /* 入学卒園 */
  .pack_title p .tuzyo_ryokin {
    width: 100%;
  }
}

@media screen and (max-width: 520px) {
  /** プラン **/
  .plan_cut {
    flex-direction: column;
  }

  .premium_plan_ttl {
    margin-bottom: 10px;
  }

  .ud_plan_item {
    border-left: 4px solid var(--keycolor);
  }

  .plan_cut h3,
  .plan_cut h5,
  .plan_ryokin_box {
    width: 100%;
  }
}

@media screen and (max-width: 390px) {
  /* 共通 */
  .br_390 {
    display: block;
  }

  /* メイン */
  .ud_main_text h3 {
    line-height: 40px;
  }

  .plan01,
  .plan02,
  .plan03 {
    margin-bottom: 150px;
  }

  /* キャペーン */
  #ud_campaign,
  #ud_photo_gallery,
  #ud_costume {
    margin-bottom: 110px;
  }

  /* flow */
  #photo_flow {
    margin-bottom: 60px;
  }

  .photo_flow_contents {
    padding: 30px 20px;
  }

  .photo_flow_text {
    width: 100%;
  }

  /* マタニティ */
  .deco_sample_box {
    margin-bottom: 60px;
  }

  .belly_paint_about {
    padding: 20px;
  }

  .belly_paint_about p {
    font-size: 14px;
    line-height: 30px;
  }
}

/**************** 撮影メニュー ******************/
.studiomenu {
}

.studiomenu .main_text {
  margin-bottom: 50px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .studiomenu .main_text {
    text-align: left;
  }
}

.studiomenu .menu_box .menu_item {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .studiomenu .menu_box .menu_item {
    display: flex;
    flex-direction: column;
  }
}
.studiomenu .menu_box .menu_item img {
  vertical-align: bottom;
}
.studiomenu .news_morelink {
  text-align: right;
  margin-top: auto;
}
.studiomenu .news_morelink a {
  display: inline-block;
}

.studio #ud_main .box_text {
  margin-bottom: 100px;
}

.studio #ud_main .box_text p {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 18px;
  line-height: 2em;
  text-align: center;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .studio #ud_main .box_text p {
    font-size: 16px;
    text-align: left;
  }
}

.studio .floor_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.studio .floor_list li {
  width: 48%;
  max-width: 560px;
  margin-bottom: 50px;

  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .studio .floor_list li {
    width: 100%;
  }
}

#ud_company {
  margin-top: 100px;
}
#ud_company table {
  border-top: 1px solid #ccc;
  max-width: 800px;
  width: 100%;
  margin: 100px auto;
}
#ud_company table tr {
  border-bottom: 1px solid #ccc;
}
#ud_company table th,
#ud_company table td {
  font-weight: normal;
  font-size: 16px;
  padding: 30px;
  text-align: left;
  line-height: 1.4em;
}
#ud_company table th {
  width: 40%;
}
#ud_company table td {
  width: 60%;
}
@media screen and (max-width: 768px) {
  #ud_company table th,
  #ud_company table td {
    padding: 20px 10px;
  }
  #ud_company table th {
    width: 120px;
  }
  #ud_company table td {
    width: calc(100% - 120px);
  }
}

#ud_staff {
  background: #f7f7f7;
  padding: 100px 20px;
  margin-bottom: 100px;
}
#ud_staff .box_img {
  max-width: 800px;
  margin: 50px auto;
}
#ud_staff .box_img .box_text {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #ud_staff {
    padding: 50px 10px 20px;
    margin-bottom: 50px;
  }
  #ud_staff .box_img .box_text {
    margin-top: 20px;
  }
}

/*** 初めての方へ ***/

.first #ud_main .box_text {
  margin-bottom: 100px;
}

.first #ud_main .box_text p {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 18px;
  line-height: 2em;
  text-align: center;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .first #ud_main .box_text p {
    font-size: 16px;
    text-align: left;
  }
}

.first #ud_main .box_photo1 {
  position: relative;
  width: 86%;
  max-width: 1800px;
  position: relative;
  z-index: 1;
}
.first #ud_main .box_photo2 {
  position: relative;
  text-align: right;
  margin-top: -225px;
  z-index: 2;
}
.first #ud_main .box_photo2 img {
  max-width: 300px;
}

#first_point {
  padding-bottom: 100px;
}
#first_point .point_list {
}
#first_point .point_list li {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
#first_point .point_list li .box_photo {
  width: 50%;
}
#first_point .point_list li .box_photo img {
  height: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
#first_point .point_list li .box_text {
  width: 46%;
}
#first_point .point_list li .box_text h3,
#first_point .point_list li .box_text h4 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 1.5em;
  color: var(--keycolor-link);
}
@media only screen and (max-width: 767px) {
  #first_point .point_list li .box_text h3,
  #first_point .point_list li .box_text h4 {
    font-size: 2.2rem;
    margin-bottom: 7px;
  }
}
#first_point .point_list li .box_text p {
  font-size: 16px;
}
#first_point .link {
  margin-top: 50px;
}
#first_point .link a {
  padding: 10px 0;
}
#first_point .point_list li:nth-child(2n) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  #first_point .point_list li {
    flex-direction: column;
  }
  #first_point .point_list li .box_photo {
    width: 100%;
    margin-bottom: 25px;
  }
  #first_point .point_list li .box_text {
    width: 100%;
  }
  #first_point .point_list li:nth-child(2n) {
    flex-direction: column;
  }
}

@media screen and (max-width: 390px) {
  #sub_eye img {
    width: 180%;
    max-width: initial;
  }
}