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




 body {
  font-size: 15px;
 }

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

 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;
 }


 .box {
  width: 90%;
 }


 .box .head {
  padding: 20px;
 }


 .btn {
  margin: 100px auto;
 }


 .flex-box {
  flex-direction: column;
  margin-top: 45px;
 }

 .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-top: 0;
  margin-bottom: 45px;
  display: block;
 }





 .works-box {
  width: 60%;
 }


 .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%;
  margin-bottom: 30px
 }

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





 .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%;
 }


 .case-card {
  width: 100%;
  justify-content: space-between;
 }


 .case-card .thumb {
  width: 48.5%;
 }

 .case-card .body {
  width: 48.5%;
  padding: 20px;
 }

 .case-card .body h3 {
  font-size: 22px;

 }



 form {
  width: 100%;
 }







 .principle-box {
  width: 100%;
 }

 .principle-box .content,
 .principle-box .content.reverse {
  flex-direction: column;
 }

 .principle-box .content img {
  width: 70%;
  margin: 0 auto 30px;
 }

 .principle-box .content.reverse img {
  margin: 0 auto 30px;
 }

 .principle-box .content .text {
  max-width: 70%;
 }




 .pc {
  display: none;
 }


 .sp {
  display: none;
 }



 .tab {
  display: block;
 }






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



}