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


 .box {
  width: 90%;
 }


 .box .head {
  padding: 20px;
 }


 .btn {
  margin: 100px auto;
 }


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

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


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




 form {
  width: 100%;
 }

 .case-box {
  width: 100%;
 }




 .pc {
  display: none;
 }


 .sp {
  display: none;
 }



 .tab {
  display: block;
 }






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



}