/*-------------------全体----------------------*/

 body {
   font-family: 'Noto Sans JP', sans-serif;
   margin: 0px;
   width: 100%;
 }

 .body-box {
   display: flex;
   justify-content: center;
 }

 a {
   color: #0000FF;
   text-decoration: none;
 }

 ul,
 li {
   padding: 0;
   margin: 0;
 }

 li {
   list-style: none;
 }

 /*-------------------youtube----------------------*/
 .youtube-back {
   background-color: #D2E8EB;
   height: 200px;
   width: 100%;
   margin-bottom: 0px;
 }

 .movies-ads-box {
   background-color: #D2E8EB;
   width: 100%;
   padding-bottom: 40px;
   padding-left: 40px;
   padding-right: 40px;
   padding-top: 50px;
   display: flex;
   /* Flexコンテナを定義 */
   justify-content: space-between;
   /* 画像間に均等なスペースを作成 */
   align-items: center;
   /* 画像を垂直方向の中央に配置 */
   max-height: 280px;
 }

 .movies-ads-box img {
   border: 1px solid #000000;
   width: 30%;
   /* 画像の幅をコンテナの30%に設定 */
   height: auto;
   /* 画像の高さを自動調整してアスペクト比を維持 */
   max-height: 250px;
   min-height: 120px;
   min-width: 180px;
 }

 /*-------------------iframe----------------------*/
 iframe {
   width: 100%;
   height: 280px;
 }


 .ensup-name {
   text-align: center;
   margin-top: 70px;
 }

 .ensup-name h1 {
   font-size: 80px;
   color: #fff;
   margin: 0;
 }


 /*button7*/
 .button7-box {
   width: 95%;
 }


 .button7 {
   float: right;
   margin-top: -100px;
   width: 340px;
   height: 120px;
   background-color: #fff;
   border: 1px solid #6D6D6D;
   border-radius: 10px;
   ;
   margin-left: 20px;
 }

 .button7 p {
   text-align: center;
   line-height: 120px;
   font-size: 34px;
   font-weight: bold;
   color: #6D6D6D;
   margin: 0;
 }


 /*button1*/
 .button-main {
   display: flex;
   justify-content: center;
 }

 .button1 {
   width: 300px;
   height: 120px;
   background-color: #FD9A35;
   margin-right: 10px;
   /* border: 2px solid #FD9A35; */
   border-radius: 10px;
 }

 .button1 p {
   text-align: center;
   line-height: 120px;
   font-size: 40px;
   font-weight: bold;
   color: #fff;
   margin: 0;
 }

 /*button2*/
 .button2 {
   width: 300px;
   height: 120px;
   background-color: #fff;
   border: 2px solid #28C0D4;
   border-radius: 10px;
   margin-left: 20px;
 }

 .button2 p {
   text-align: center;
   line-height: 120px;
   font-size: 40px;
   font-weight: bold;
   color: #28C0D4;
   margin: 0;
 }

 /*consultation-box*/
 .consultation-box {
   min-width: 660px;
   display: flex;
   height: 340px;
   justify-content: right;
   align-items: center;
   margin-bottom: 0px;
 }

 img.woman1 {
   position: absolute;
   bottom: 0;
   /* 画像の下端を親要素の下端に合わせる */
   width: 200px;
 }

 /*button3*/
 .button3 {
   width: 370px;
   height: 120px;
   background-color: #FD9A35;
   border-radius: 10px;
   /* border: 2px solid #28C0D4; */
   margin: auto;
   padding-top: 20px;
 }

 .button3 p {
   text-align: center;
   line-height: 50px;
   font-size: 34px;
   font-weight: bold;
   color: #fff;
   margin: 0;
 }

 .button8 {
   width: 370px;
   height: 80px;
   background-color: #fff;
   border-radius: 20px;
   padding-top: 0px;
   margin-top: 10px;
 }

 .button8 p {
   text-align: center;
   line-height: 50px;
   font-size: 22px;
   font-weight: bold;
   color: #28C0D4;
   margin: 0;
   border: 2px solid #0056b3;
   border-radius: 20px;
 }

 .left-side {
   padding-left: 10%;
   position: relative;
   width: 50%;
   /* 親要素の幅に合わせる */
   height: 300px;
   /* 高さを100pxに設定 */
   overflow: hidden;
 }

 .right-side {
   width: 50%;
   margin-top: 0px;
   min-width: 300px;
   padding-top: 0px;
 }

 .right-side p {
   margin-top: 0px;
   margin-bottom: 10px;
   font-size: 30px;
 }



 /*----------------------案件一覧-----------------------*/
 .project-list-title p {
   margin-top: 10px;
   font-size: 28px;
   margin-bottom: 10px;
 }

 /*----------------------タブ-----------------------*/

 .filter {
   text-align: right;
   margin-bottom: 10px;
 }

 .filter label {
   margin-right: 10px;
 }



 #conciergeArea {
   height: 100%;
   width: 650px;
   overflow: hidden;
 }

 /* &::-webkit-scrollbar {
  display: none;
} */

 /*----------------------案件一覧コンテンツ-----------------------*/
 .tab-box {
   margin-top: 140px;
   align-items: center;
 }

 /* コンテンツは原則非表示 */
 .tab-content {
   display: none;
   font-size: 18px;
 }

 /* .showがついたコンテンツのみ表示 */
 .tab-content.show {
   display: block;
 }

 /* .case-box{
  display: flex; */
 /*justify-content: space-between;*/
 /* height: 70px;
  line-height: 70px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0; */
 /* background-color: #FECC98; */
 /* position: relative; */
 /* } */

 .case-box {
   display: flex;
   align-items: center;
   /* 子要素を垂直方向に中央揃え */
   justify-content: space-between;
   /* 子要素を左右に均等配置 */
   height: 70px;
   box-sizing: border-box;
   background-color: #FECC98;
 }

 .circle-icon {
   line-height: 70px;
   height: 70px;

 }

 .sectiontitle {
   width: 450px;
   margin-left: 60px;
   font-size: 24px;
 }

 .sectionday {
   width: 120px;
   font-size: 18px;
 }

 .sectiontime {
   width: 400px;
   color: #FF0000;
   font-weight: bold;
   font-size: 24px;
   text-align: right;
   margin-right: 20px;
 }

 .sectionstyle {
   width: 310px;
   padding-left: 30px;
   font-size: 20px;
 }

 .case .case-box {
   text-align: left;
   width: 1100px;
   margin-bottom: 20px;
 }


 * {
   box-sizing: border-box;
 }


 /*丸の中の三角アイコン*/
 .dli-caret-circle-fill-right {
   left: 35px;
   /* top: 17.5px; */
   display: inline-block;
   vertical-align: middle;
   color: #fff;
   line-height: 1;
   position: relative;
   width: 35px;
   height: 35px;
   /*border: 0.075em solid currentColor;*/
   background: currentColor;
   border-radius: 50%;
   box-sizing: content-box;

 }

 .dli-caret-circle-fill-right::before {
   content: '';
   color: #FFCC98;
   width: 0;
   height: 0;
   border-style: solid;
   border-color: transparent;
   border-width: 12px 19px;
   border-left-color: currentColor;
   border-right: 0;
   transform: translateX(15%);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
 }


 .case-text {
   width: 90%;
   margin: auto;
   margin-bottom: 30px;
 }

 #short-overview {
   width: 90%;
   margin: auto;
   margin-bottom: 10px;
 }

 .case-text p {
   font-size: 18px;
 }

 .case-row {
   border-bottom: 1.5px solid #D9D9D9;
   width: 90%;
   margin: auto;
   margin-bottom: 10px;
 }

 .case-row p {
   font-size: 18px;
   margin-top: 5px;
   margin-bottom: 5px;
 }

 /*概要内文章*/
 .case-topic {
   width: 150px;
 }

 .case-colon {
   width: 40px;
 }

 .case-sentence {
   width: 850px;
 }




 .accordion-area {
   order: 2px solid #FECC98;
   border-radius: 10px;
   max-width: 1100px;
   box-sizing: content-box;
   margin-bottom: 30px;
 }

 .title {
   height: 70px;
   min-width: 646px;
   border-radius: 8px;
 }

 .box {
   display: none;
   margin-top: 30px;
 }

 .box p {
   font-size: 18px;
 }

 /*参加する・しないボタン*/
 /*button4*/
 .button-main2 {
   display: flex;
   justify-content: center;
   margin-top: 60px;
   margin-bottom: 20px;
 }

 .button4 {
   width: 260px;
   height: 70px;
   background-color: #FF3333;
   margin-right: 20px;
   border-radius: 10px;
   /* border: 1px solid #FF3333; */
 }

 .button4 p {
   text-align: center;
   line-height: 70px;
   font-size: 24px;
   font-weight: bold;
   color: #fff;
   margin: 0;
 }

 /*button5*/
 .button5 {
   width: 260px;
   height: 70px;
   background-color: #fff;
   border: 1px solid #FF3333;
   border-radius: 10px;
 }

 .button5 p {
   text-align: center;
   line-height: 70px;
   font-size: 24px;
   font-weight: bold;
   color: #FF3333;
   margin: 0;

 }

 /*button6*/
 .button6 {
   width: 370px;
   height: 70px;
   background-color: #fff;
   border-radius: 10px;
   border: 2px solid #28C0D4;
   margin: auto;
   margin-bottom: 20px;
   padding-top: 20px;
 }

 .button6 p {
   text-align: center;
   line-height: 50px;
   font-size: 34px;
   font-weight: bold;
   color: #28C0D4;
   margin: 0;
 }

 .button-notjoin {
   width: 370px;
   height: 140px;
   background-color: #fff;
   border-radius: 10px;
   border: 2px solid #28C0D4;
   margin: auto;
   margin-bottom: 20px;
   padding-top: 20px;
 }

 .button6-notjoin p {
   text-align: center;
   line-height: 50px;
   font-size: 34px;
   font-weight: bold;
   color: #28C0D4;
   margin: 0;
 }

 /*文章上モザイク*/
 .gray-box {
   -ms-filter: blur(6px);
   filter: blur(6px);
 }

 /*マッチング成立*/
 .sectionstyle-a {
   margin-top: 10px;
   margin-left: 30px;
   margin-right: 30px;
   border-radius: 10px;
   background-color: #FFD900;
   width: 250px;
   height: 50px;
 }

 .sectionstyle-a p {
   font-size: 24px;
   line-height: 50px;
   margin: 0;
   text-align: center;
 }

 /*マッチング不成立*/
 .sectionstyle-b {
   margin-top: 10px;
   margin-left: 30px;
   margin-right: 30px;
   border-radius: 10px;
   background-color: #fff;
   border: 1px solid #FF0000;
   width: 250px;
   height: 50px;
 }

 .sectionstyle-b p {
   font-size: 14px;
   line-height: 50px;
   margin: 0;
   text-align: center;
   padding: 9px;
   box-sizing: border-box;
   line-height: 16px
 }

 .section-b {
   width: 220px;
 }

 /*セレクトボックス*/
 /*
select {
  outline: none;
  width: 280px;
  margin-left: 30px;
  font-size: 24px;
  border: none;
  background-color: #FECC98;

  }
*/







 .main-box {
   width: 70%;
   min-width: 660px;
 }

 /*---------------サイドバー---------------------*/
 .side-box {
   width: 30%;
   min-width: 150px;
   /* 最大幅を350pxに制限 */
   max-width: 350px;
   /* 最大幅を350pxに制限 */
   margin-top: 20px;
   text-align: center;
 }

 .side-box img {
   width: 90%;
 }

 .sticky-left {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   /* 固定するトップ位置 */
   margin-left: 1%;
   /* 任意のパディング */
   z-index: 1000;
   /* 必要に応じて調整 */
 }


 .project-list-title {
   padding-left: 20px;
 }

 @media (max-width: 1200px) {
   .fixed-left {
     position: fixed;
     width: 50px;
     /* 固定する幅を設定 */
     left: 0;
   }
 }

 /*--メディアクエリ-----------------------------------------
------------------------------------------------------*/
 @media screen and (max-width:10000px) {
   /*　画面サイズが1500px以下はここを読み込む　*/



   /*受注・発注ボタン表示位置*/
   .button-main {
     justify-content: right;
   }

   .button1 {
     height: 100px;
   }

   .button1 p {
     line-height: 100px;
     font-size: 36px;
   }

   /*button2*/
   .button2 {
     height: 100px;
   }

   .button2 p {
     line-height: 100px;
     font-size: 36px;
   }


   /*コンシェルジュに相談*/
   .consultation-box {
     justify-content: right;
   }

   img.woman1 {
     position: absolute;
     bottom: 0;
     /* 画像の下端を親要素の下端に合わせる */
     width: (200px, 13.33vw, 250px);
     /* object-fit: cover; /* 画像が親要素にフィットするように調整 */
   }

   .left-side {
     text-align: center;
     padding-right: 100px;
     margin-right: 0;
     position: relative;
     width: 65%;
     /* 親要素の幅に合わせる */
     height: 300px;
     /* 高さを100pxに設定 */
     overflow: hidden;
     min-width: 330px;
   }

   .right-side {
     width: 31%;
     min-width: 300px;
     margin: 0 auto;
   }

   .right-side p {
     font-size: 24px;
   }

   /*button3*/
   .button3 {
     width: 100%;
     padding-top: 0px;
   }

   .button3 p {
     font-size: clamp(24px, 3vw, 30px);
     line-height: 40px;
     padding-top: 20px;
   }

   .button8 {
     width: 100%;
     padding-top: 26px;
   }

   .button8 p {
     font-size: 24px;
     line-height: 40px;
     padding-top: 0px;
   }

   .button8 {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 10px;
     text-decoration: none;
     position: relative;
     top: 30px;
   }

   .button8 p {
     font-size: 24px;
     line-height: 40px;
     background-color: #ebebeb;
     margin: 0;
     padding-right: 45px;
     padding-left: 20px;
   }

   .button8 img {
     width: 24px;
     height: auto;
     position: relative;
     top: -34px;
     right: -230px;
   }






   /*タブサイズ調節*/
   .tab-menu li {
     font-size: 18px;
   }

   li.tab-item.tab-item1 {
     margin-left: 0px;
     margin-right: 0px;
     width: 35%;
   }

   li.tab-item.tab-item2 {
     margin-left: 0px;
     margin-right: 0px;
     width: 45%;
   }

   li.tab-item.tab-item3 {
     margin-left: 0px;
     margin-right: 0px;
     width: 20%;
   }

   .tab-menu {
     justify-content: right;

   }

   .project-list-title p {
     /* margin-left: 160px; */
     font-size: 28px;
     margin-top: 5px;
     margin-bottom: 5px;
   }

   .tab-box {
     margin-top: 100px;
   }

   /*案件欄*/

   .sectiontitle {
     width: 200px;
     font-size: 22px;
     white-space: nowrap;
   }

   .sectionday {
     width: 120px;
     font-size: 22px;
   }

   .sectiontime {
     width: 250px;
     font-size: 22px;
     text-align: right;
     margin-right: 20px;
   }

   .sectionstyle {
     width: 180px;
     padding-left: 10px;
     font-size: 24px;
     white-space: nowrap;
   }

   .sectionstyle-b {
     width: 200px;
     padding-left: 30px;
     font-size: 24px;
   }

   p.case-topic {
     width: 150px;
   }

   p.case-sentence {
     width: 450px;
   }

   p.case-sentence-long {
     width: 850px;
   }

   .case .case-box {
     text-align: left;
     justify-content: space-between;
     min-width: 646px;
     width: 98%;
   }

   .accordion-area {
     min-width: 650px;
     width: 90%;
     padding-left: 50px;
     /* transform: translateX(12%); */
   }

   /*丸の中の三角アイコン*/
   .dli-caret-circle-fill-right {
     /* top: 22.5px; */
     width: 25px;
     height: 25px;
     box-sizing: content-box;

   }

   .dli-caret-circle-fill-right::before {
     content: '';
     color: #FECC98;
     width: 0;
     height: 0;
     border-style: solid;
     border-color: transparent;
     border-width: 8px 12px;
     border-left-color: currentColor;
     border-right: 0;
     transform: translateX(15%);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
   }








   /*マッチング成立*/
   .sectionstyle-a {
     width: 150px;
     margin-left: 0px;
     margin-right: 0;
     box-sizing: border-box;

   }

   .sectionstyle-a p {
     font-size: 18px;
     /* padding-left: 10px;
  padding-right: 10px; */
   }

   .sectionstyle-b {
     margin-left: 0px;
     margin-right: 30px;
     padding-left: 0px;
     width: 200px;
   }

   .sectionstyle-b p {
     padding-left: 0px;
     padding-right: 0px;
   }



   /*button6*/
   .button6 {
     width: 300px;
     height: 70px;
     padding-top: 20px;
     background-color: #fff;
     margin: auto;
     margin-bottom: 20px;
   }

   .button6 p {
     text-align: center;
     line-height: 30px;
     font-size: 20px;
     font-weight: bold;
     color: #28C0D4;
     margin: 0;
   }

   /*button7*/
   .button7-box {
     width: 95%;
   }

   .button7 {
     margin-top: -100px;
     width: 300px;
     height: 100px;
     margin-left: 20px;
   }

   .button7 p {
     text-align: center;
     line-height: 100px;
     font-size: 34px;
     margin: 0;
   }


   .section-b {
     width: 270px;
   }





   .selectstatus select {
     padding: 5px;
     margin-right: 30px;
     width: 180px;
     height: 40px;
     font-size: 21px;
     background-color: white;
     border-radius: 5px;
     border: 1px solid;
   }

   .projectStatus {
     font-weight: bold;
     font-size: 24px;
   }
 }

 @media screen and (max-width:1500px) {
   /*　画面サイズが1500px以下はここを読み込む　*/



   /*受注・発注ボタン表示位置*/
   .button-main {
     justify-content: right;
   }

   .button1 {
     height: 100px;
   }

   .button1 p {
     line-height: 100px;
     font-size: 36px;
   }

   /*button2*/
   .button2 {
     height: 100px;
   }

   .button2 p {
     line-height: 100px;
     font-size: 36px;
   }


   /*コンシェルジュに相談*/
   .consultation-box {
     justify-content: right;
   }

   img.woman1 {
     position: absolute;
     bottom: 0;
     /* 画像の下端を親要素の下端に合わせる */
     width: 200px;
     /* object-fit: cover; /* 画像が親要素にフィットするように調整 */
   }

   .left-side {
     text-align: center;
     margin-right: 0;
     position: relative;
     width: 65%;
     /* 親要素の幅に合わせる */
     height: 300px;
     /* 高さを100pxに設定 */
     overflow: hidden;
     min-width: 330px;
   }

   .right-side {
     width: 30%;
     min-width: 300px;
   }

   .right-side p {
     font-size: 22px;
   }

   /*button3*/
   .button3 {
     width: 100%;
     padding-top: 0px;
   }

   .button3 p {
     font-size: 24px;
     line-height: 40px;
     padding-top: 20px;
   }

   .button8 {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 10px;
     text-decoration: none;
     position: relative;
     top: 30px;
   }

   .button8 p {
     font-size: 24px;
     line-height: 40px;
     background-color: #ebebeb;
     margin: 0;
     padding-right: 45px;
     padding-left: 20px;
   }

   .button8 img {
     width: 24px;
     height: auto;
     position: relative;
     top: -34px;
     right: -230px;
   }

   /*タブサイズ調節*/
   .tab-menu li {
     font-size: 18px;
   }

   li.tab-item.tab-item1 {
     margin-left: 0px;
     margin-right: 0px;
     width: 35%;
   }

   li.tab-item.tab-item2 {
     margin-left: 0px;
     margin-right: 0px;
     width: 45%;
   }

   li.tab-item.tab-item3 {
     margin-left: 0px;
     margin-right: 0px;
     width: 20%;
   }

   .tab-menu {
     justify-content: right;

   }

   .project-list-title p {
     /* margin-left: 160px; */
     font-size: 20px;
     margin-top: 5px;
     margin-bottom: 5px;
   }

   .tab-box {
     margin-top: 100px;
   }

   /*案件欄*/

   .sectiontitle {
     width: 200px;
     font-size: 18px;
   }

   .sectionday {
     width: 120px;
     font-size: 16px;
   }

   .sectiontime {
     width: 250px;
     font-size: 16px;
     text-align: right;
     margin-right: 20px;
   }

   .sectionstyle {
     width: 180px;
     padding-left: 10px;
     font-size: 18px;
   }

   .sectionstyle-b {
     width: 200px;
     padding-left: 30px;
     font-size: 18px;
   }

   p.case-topic {
     width: 150px;
   }

   p.case-sentence {
     width: 450px;
   }

   p.case-sentence-long {
     width: 850px;
   }

   .case .case-box {
     text-align: left;
     justify-content: space-between;
     min-width: 646px;
     width: 98%;
     background-color: #FECC98;
   }

   .accordion-area {
     min-width: 650px;
     width: 90%;
     padding-left: 30px;
     /* transform: translateX(12%); */
   }

   /*丸の中の三角アイコン*/
   .dli-caret-circle-fill-right {
     /* top: 22.5px; */
     width: 25px;
     height: 25px;
     box-sizing: content-box;

   }

   .dli-caret-circle-fill-right::before {
     content: '';
     color: #FECC98;
     width: 0;
     height: 0;
     border-style: solid;
     border-color: transparent;
     border-width: 8px 12px;
     border-left-color: currentColor;
     border-right: 0;
     transform: translateX(15%);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
   }








   /*マッチング成立*/
   .sectionstyle-a {
     width: 150px;
     margin-left: 0px;
     margin-right: 0;
     box-sizing: border-box;

   }

   .sectionstyle-a p {
     font-size: 18px;
     /* padding-left: 10px;
  padding-right: 10px; */
   }

   .sectionstyle-b {
     margin-left: 0px;
     margin-right: 30px;
     padding-left: 0px;
     width: 200px;
   }

   .sectionstyle-b p {
     padding-left: 0px;
     padding-right: 0px;
   }



   /*button6*/
   .button6 {
     width: 300px;
     height: 70px;
     padding-top: 20px;
     background-color: #fff;
     margin: auto;
     margin-bottom: 20px;
   }

   .button6 p {
     text-align: center;
     line-height: 30px;
     font-size: 20px;
     font-weight: bold;
     color: #28C0D4;
     margin: 0;
   }

   /*button7*/
   .button7-box {
     width: 95%;
   }

   .button7 {
     margin-top: -100px;
     width: 300px;
     height: 100px;
     margin-left: 20px;
   }

   .button7 p {
     text-align: center;
     line-height: 100px;
     font-size: 34px;
     margin: 0;
   }


   .section-b {
     width: 270px;
   }





   .selectstatus select {
     padding: 5px;
     margin-right: 25px;
     width: 180px;
     height: 30px;
     font-size: 14px;
     background-color: white;
     border-radius: 5px;
     border: 1px solid;
   }

   .projectStatus {
     font-weight: bold;
     font-size: 24px;
   }



 }

 .title {
   background-color: #FECC98;
 }

 .accordion-area {
   border: none;
   border-radius: none;
   width: 90%;
 }

 section.case {
   border: 2px solid#FECC98;
   border-radius: 10px;
 }


@media screen and (max-width: 799px) {

  /* .side-boxを非表示にする */
  .side-box {
    display: none;
  }
}
@media screen and (min-width: 7px) {
  .limited-button {
    display: none;
  }
}

@media screen and (max-width: 768px) {

  /* .side-boxを非表示にする */
  .side-box {
    display: none;
  }
  .menuPCbox {
    display: none;
  }
  /* .right-side {
    display: none;
  } */
  .main-box {
    width: 95%;
    min-width: 0;
  }
  /* エンズアップ先行限定盤リリースのボタン */
  /* .consultation-box {
    display: none;
  } */
  .left-side {
    display: none;
  }

  /* .youtube-back のサイズ調整 */
  .youtube-back {
    height: auto; /* 自動で高さを調整 */
    padding: 20px; /* 上下左右にパディングを追加 */
    margin-bottom: 20px; /* スペースを確保 */
  }

  /* .movies-ads-box のサイズとレイアウト調整 */
  .movies-ads-box {
    flex-direction: column; /* 縦方向に要素を並べる */
    padding: 20px; /* パディングを減らしてスマホ画面に収まるように */
    align-items: center; /* 要素を中央に揃える */
    max-height: auto; /* 高さを自動に調整 */
  }

  .movies-ads-box img {
    width: 80%; /* 画像の幅を全体の80%に設定 */
    max-height: 200px; /* 最大高さを200pxに設定 */
    margin-bottom: 20px; /* 画像間にスペースを追加 */
  }

  .project-list-title {
    padding-left: 0;
    text-align: center;
  }
  .project-list-title p {
    padding-left: 0;
    font-size: 23px;
    margin-top:15px;
    font-weight: bold;
    margin-bottom:10px;
  }

  .right-side {
    width: 80%;
    min-width: 0;
    margin: 0;
  }

  /* その他要素のスマホサイズ調整 */
  .button-main {
    justify-content: center; /* ボタンを中央に配置 */
  }

  .button1,
  .button2 {
    height: 60px; /* ボタンの高さを小さくする */
  }

  .button1 p,
  .button2 p {
    line-height: 60px;
    font-size: 20px; /* フォントサイズを調整 */
  }

  .consultation-box {
    display: flex;
    justify-content: flex-end;
    max-height: 95px;
    min-width: 0;
    flex-direction: column;
  }

  img.woman2 {
    width: 100%;
    margin-right: 0;
    transform: scale(0.8);
  }

  /* .button3 サイズ調整 */
  .button3 {
    width: 100%;
    padding: 10px;
    height: auto;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .right-side p {
    font-size: 17px;
    font-weight: bold;
  }
  .button8 {
    display: none;
  }
  .concierge-help {
    display: none;
  }

  .button3 p {
    font-size: 18px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    word-spacing: -0.3em;
  }
  .button3 p br {
    display: none; /* <br> を非表示にする */
  }
  .consultation-box-mini {
    display: flex;
    justify-content: center;
  }
  .limited-button {
    width: 80%;
    height: auto;
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #28C0D4;
    margin-top: 10px;
  }
  .limited-button p{
      text-align: center;
      line-height: 50px;
      font-size: 23px;
      font-weight: bold;
      color: #28C0D4;
      margin: 0;
  }

  .sectiontitle {
    font-size: 17px;
    width: auto;
    min-width: 155px;
    margin-left: 10px;
    text-align: left;
  }
  .sectionday {
    width: auto;
    min-width: 110px;
    font-size: 15px;
    white-space: nowrap;
    text-align: center;
  }

  .sectionstatus {
    width: auto;
    margin-right: 10px;
  }

  .message-icon {
    text-align: center;
    width: 80px;
    height: 40px;
  }
  .message-icon img {
    transform: scale(0.65);
    transform-origin: center center;
  }

  .message-count1-box,
  .message-count2-box,
  .message-count2-box {
    height: 20px;
  }

  /* .accordion-area のサイズ調整 */
  .accordion-area {
    width: 100%; /* 画面幅いっぱいに広げる */
    min-width: 0;
    padding-left: 0px;
    margin-bottom: 15px;
  }

  .dli-caret-circle-fill-right {
    left:5px;
  }
  .title {
    min-width: 0;
    min-height: 100px;
    display: flex;
  }

  .case-text p {
    font-size: 15px;
    white-space: normal;
  }

  .case .case-box {
      display: flex;
      flex-wrap: wrap;  /* 自動で折り返す */
      justify-content: space-around;
      width: 100%;
      height: auto;
      min-width: 0;
      padding-top: 5px;
      margin-bottom: 0;
  }

  /* 各アイテムの幅を調整して2列にする */
  .case .case-box .sectionstyle-a,
  .case .case-box .sectionstyle-b {
      width: 48%;  /* 2列にするために幅を50%以下にする */
      margin-bottom: 10px; /* 下に隙間を作る */
  }

  .sectionstyle {
    width: auto;
    padding-left: 5px;
    min-width: 110px;
}

  .box p {
    font-size: 14px;
  }

  a.messageLink.disabled {
    pointer-events: none;  /* クリックを無効化 */
  }


  /* .button6 のサイズ調整 */
  .button6 {
    width: 100%; /* ボタンを画面幅に合わせる */
    height: 50px; /* ボタンの高さを調整 */
  }

  .button6 p {
    font-size: 18px; /* フォントサイズを調整 */
  }

  /* .button7 のサイズ調整 */
  .button7 {
    width: 250px; /* 幅を小さく調整 */
    height: 80px; /* 高さを小さく調整 */
    margin-top: -50px;
  }

  .button7 p {
    line-height: 80px;
    font-size: 28px; /* フォントサイズを調整 */
  }

  /* .selectstatus select のサイズ調整 */
  .selectstatus select {
    width: 40%;
    height: 26px;
    font-size: 13px;
    margin: 0;
  }
}