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



 /*----------------------------*/

 section {
  width: 90%;
  margin: 80px auto;
 }


 h2 {
  font-size: 30px;
  margin-bottom: 30px;
 }

 h3 {
  font-size: 24px;
 }

 h4 {
  font-size: 20px;
 }





 .profile-box {
  padding: 30px;
  margin-bottom: 100px;
 }




 img.arrow {
  width: 150px;
  margin-bottom: 30px;
 }


 .box {
  width: 90%;
 }


 .box .head {
  padding: 20px;
 }


 .btn {
  margin: 100px auto;
 }


 .case-box {
  flex-direction: column;
 }

 .case-card {
  width: 100%;
  margin-bottom: 20px;
 }

 .case-card:last-child {
  margin-bottom: 0;
 }

 .rpt-body {
  padding: 24px;
 }

 .rpt-head {
  flex-direction: column;
  gap: 8px;
  padding: 20px 24px;
 }

 .rpt-accordion-toggle {
  padding: 18px 24px;
 }

 .rpt-accordion-body {
  padding: 20px 24px;
 }

 .rpt-table .item-col {
  width: 30%;
 }

 .phase-grid {
  grid-template-columns: repeat(2, 1fr);
 }

 .winloss-grid {
  flex-direction: column;
 }

 .pf-row {
  flex-direction: column;
 }

 .pf-label {
  width: 100%;
  border-radius: 8px 8px 0 0;
 }

 .pf-content {
  border-radius: 0 0 8px 8px;
 }

 .table-scroll table {
  min-width: 640px;
 }

 .flex-box {
  flex-direction: column;
 }

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


 .flex-box.ex {
  flex-direction: column;
  align-items: center;
 }


 .flex-box.slim {
  width: 100%;
  margin: 0 auto;
  margin-top: 80px;
 }




 .flex-box .item {
  width: 70%;
 }


 .flex-box .item.ex {
  width: 60%;
  margin-bottom: 45px;
 }


 .flex-box .item.ex:last-child {
  margin-bottom: 0;
 }




 .flex-box .txt {
  width: 70%;
 }


 img.illust-1 {
  width: 250px;
  margin-top: 30px;
 }

 img.illust-1.ex {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 50px
 }

 img.img {
  margin-bottom: 45px;
  display: block;
 }


 .works-box {
  width: 80%;
 }

 .roadmap-group {
  padding: 60px 0;
 }

 .roadmap-group .group-label {
  font-size: 16px;
 }

 .step-num {
  width: 40px;
  height: 40px;
  font-size: 18px;
 }


 .works-box .item {
  padding-top: 0;
 }

 .works-box .item:last-child {
  padding-bottom: 0;
 }

 .works-box .item .head {
  flex-direction: column;
 }




 .works-box .tn {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin-bottom: 30px;
 }




 .works-box .info {
  width: 100%;
 }


 .works-box .info h3 {
  text-align: center;
 }




 .ex-box {
  width: 90%;
 }

 .img-box {
  flex-direction: column;
 }

 .img-box img {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 30px;
 }


 .flow-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
 }

 .flow-box .txt {
  width: 58%;
 }

 .flow-box .sp-img {
  width: 38%;
 }

 .flow-box .arrow {
  width: 38%;
 }

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



 .video-box {
  width: 100%;
  flex-direction: column;
 }

 .video-box iframe {
  width: 100%;
  height: 350px;
  margin-bottom: 60px;
 }

 .video-box iframe:last-child {
  margin-bottom: 0;
 }



 .q-box {
  width: 80%;
 }




 form {
  width: 100%;
 }

 .hubspot-form-wrap {
  width: 100%;
 }

 .case-box {
  width: 100%;
 }



 .roadmap-item {
  gap: 20px;
  padding-bottom: 40px;
 }



 .roadmap-num {
  width: 64px;
  height: 64px;
  font-size: 12px;
  line-height: 1;
 }

 .roadmap-index {
  font-size: 22px;
 }

 .roadmap-body h4 {
  font-size: 18px;
 }



 .table-company.compare {
  width: 100%;
 }

 .table-company.compare th,
 .table-company.compare td {
  padding: 14px 10px;
  font-size: 15px;
 }

 .table-company.compare th {
  font-size: 15px;
 }


 .hubspot-form-wrap {
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
 }





 .pc {
  display: none;
 }


 .sp {
  display: none;
 }



 .tab {
  display: block;
 }






 /*----------------------------*/



}