@media screen and (max-width: 1024px) and (min-width: 769px){
     .sp {display: none;}
     .sp-t {display: none;}
     img {max-width: 100%;}
     .flex {
          display: flex;
          justify-content: space-between;
     }

     /* #header ==================================================================================================== */
     #header {
          box-shadow: 0 0 5px #999;
          padding: 15px 0 10px 0;
     }
     #header .header-flex-top {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin: 0 auto;
          width: 95%;
     }
     #header .header-flex {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin: 0 240px 0 30px;
          width: 88%;
     }
     #header dl {display: none;}
     .highlight {
          font-weight: 600;
          background: -webkit-linear-gradient(transparent 60%, #ffde00 50%);
          background: -o-linear-gradient(transparent 60%, #ffde00 50%);
          background: linear-gradient(transparent 60%, #ffde00 50%);
     }
     
     #bottomFixed {display: none;}
     
     /* main-visual ==================================================================================================== */
     #main-visual {
          background: url("../images/main-visual-bg.png");
          background-size: cover;
     }
     .main-visual-inner {
          margin: 0 auto;
          position: relative;
          width: 100%;
     }
     .main-fukidashi {
          position: absolute;
          top: 56%;
          left: 16px;
          width: 90%;
          z-index: 2;
     }
     .main-fukidashi img {max-width: 10%;}
     .main-flex {
          align-items: center;
          display: flex;
          margin: 0 auto;
          width: 95%;
          max-width: 1280px;
     }
     .main-copy {
          padding: 60px 0 60px 0;
          width: 130%;
     }
     .main-copy01 {
          margin: 0 auto;
          text-align: center;
          width: 100%;
     }
     .main-copy01 img {width: 70%;}
     .main-copy02 {
          margin: 30px auto 30px auto;
          text-align: center;
          width: 100%;
     }
     .main-copy02 img {width: 85%;}
     .main-copy03 {
          margin: 0 auto;
          text-align: center;
          width: 100%;
     }
     .main-copy03 img {width: 85%;}
     .main-img {
          width: 78%;
          z-index: 1;
          margin-left: -60px;
          position: relative;
          z-index: 1;
     }
     .main-img img {width: 100%;}
     .main-text {
          color: #ffF;
          font-size: 16px;
          margin: -80px auto 0 auto;
          position: absolute;
          text-align: center;
          width: 100%;
          max-width: 1280px;
     }

     /* attention ==================================================================================================== */
     .attention {
          background: url("../images/attention-bg.png");
          background-size: cover;
          padding: 40px 0 50px 0;
     }
     .attention-text{
          margin: 0 auto 45px auto;
          text-align: center;
          width: 100%;
     }
     .attention-text img {width: 70%;}
     .btn {
          margin: 0 auto;
          text-align: center;
          width: 60%;
     }
     .btn img {width: 100%;}
     
     /* .manga ==================================================================================================== */
     .manga {
          background: URL("../images/manga-bg.png");
          padding: 0 0 50px 0;
     }
     .manga-fukidashi {
          background: #fff;
          border-top: 3px solid #008e67;
          border-bottom: 3px solid #008e67;
          padding: 30px 0;
          position: relative;
          text-align: center;
     }
     .manga-fukidashi:after {
          border-color: #008e67 transparent transparent transparent;
          border-style: solid;
          border-width: 30px 30px 0 30px;
          content: "";
          margin: auto;
          position: absolute;
          right: 0;
          bottom: -30px;
          left: 0;
          width: 0px;
          height: 0px;
     }
     .manga-fukidashi img {width: 75%;}
     .manga-img {
          width: 90%;
          margin: 60px auto;
     }
     .manga-img img {width: 100%;}

     /* .introduct ==================================================================================================== */
     .introduct {
          background: url("../images/secint-bg.png");
          background-size: cover;
          background-attachment: fixed;
          padding: 0 0 80px 0;
     }
     .introduct p {
          font-size: 20px;
          line-height: 175%;
          padding: 15px 0;
     }
     .introduct-box {
          margin: 0 auto;
          padding: 20px 0;
          width: 90%;
          max-width: 960px;
     }
     .introduct-title {
          background: url("../images/sec-int-bg.png");
          background-size: cover;
          padding: 40px 0;
     }
     .introduct-title h1 {
          margin: 0 auto;
          padding: 0 0 30px 0;
          text-align: center;
     }
     .introduct-title h1 img {
          width: 90%;
          max-width: 960px;
     }
     .introduct-title h2 {text-align: center;}
     .introduct-title h2 img {
          width: 80%;
          max-width: 960px;
     }
     .introduct-mainvisual {
          background: url("../images/secint-mainvisual-bg.png");
          background-size: cover;
          padding: 40px 0 35px 0;
          width: 100%;
     }
     .introduct-mainvisual-content {width: 100%;}
     .introduct-mainvisual-flex {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          padding: 0 0 20px 0;
          width: 50%;
     }
     .introduct-logo01 {width: 30%;}
     .introduct-logo01 img {width: 100%;}
     .introduct-logo02 {width: 30%;}
     .introduct-logo02 img {width: 100%;}
     .introduct-logo03 {width: 30%;}
     .introduct-logo03 img {width: 100%;}
     .introduct-mainvisual-name {
          background: url("../images/name-bg.png");
          background-size: cover;
          padding: 20px 0 20px 20px;
          width: 50%;
     }
     .introduct-name {width: 100%;}
     .secint-right {margin: 0 0 0 auto;}
     .introduct-name h1 {
          color: #000;
          font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
          font-size: 2.8vw;
          font-weight: 300;
          letter-spacing: 5px;
          margin: 30px auto 0;
          width: 100%;
     }
     .introduct-name h1 span {
          font-size: 1.6vw;
          letter-spacing: 0px;
     }
     .introduct-name h2 {
          color: #000;
          font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
          font-weight: 100;
          width: 100%;
     }
     .introduct-name h2 ul {list-style: none;}
     .introduct-name h2 ul li {
          font-size: 1.2vw;
          padding: 3px 0;
     }
     .introduct-movie {
          margin-top: 30px;
          width: 100%;
          max-width: 960px;
     }
     .introduct-movie-h1 {text-align: center;}
     .introduct-movie-h1 img {
          width: 100%;
          max-width: 960px;
     }
     .video-frame {
          padding-top: 56.25%;
          position: relative;
          width: 100%;
     }
     .video-frame iframe {
          border: 1px solid #242424;
          box-shadow: 10px 10px 0px #242424;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
     }
     .introduct-text {
          margin: 0 auto;
          padding: 30px 0;
          width: 90%;
          max-width: 960px;
     }
     .introduct-text p {
          font-size: 18px;
          padding: 10px 0;
     }
     .line {
          border-bottom: 3px solid #000;
          margin: 25px 0;
          width: 10%;
     }
     @font-face {
          font-family: 春夏秋冬;
          src: url('https://cdn.leafscape.be/shunka/shunka2_web.woff2')format("woff2");
     }
     @font-face {
          font-family: 春夏秋冬B;
          src: url('https://cdn.leafscape.be/shunka/shunka2B_web.woff2')format("woff2");
     }
     @font-face {
          font-family: 春夏秋冬BB;
          src: url('https://cdn.leafscape.be/shunka/shunka2BB_web.woff2')format("woff2");
     }
     .massage {
          background: #F5F0DD;
          filter: drop-shadow(2px 2px 2px #000);
          margin: 70px auto 0 auto;
          padding: 40px 40px 20px 40px;
          max-width: 960px;
     }
     .massage-h1 {text-align: center;}
     .massage-h1 h1 {
          color: #c1272d;
          font-family: 春夏秋冬BB;
          font-size: 28px;
          margin: 0 auto;
          padding: 0;
     }
     .massage-text-box {
          background: #fff;
          box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.7);
          margin: 30px auto;
          padding: 1em 2em;
          width: 80%;
     }
     .massage-text {
          background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #ddd 97%, #ddd 100%);
          background-size: 100% 2em;
          line-height: 2;
          padding: 2em 0 0 0;
     }
     .massage-text p {
          font-family: 春夏秋冬B;
          font-size: 18px;
          margin-bottom: 1.9em;
          padding: 0 0 0 20px;
     }
     .right{
          font-size: 20px!important;
          padding-top: 1em;
          text-align: right;
     }
     .line{
          border-bottom: 3px solid #000;
          margin: 25px 0;
          width: 10%;
     }
     @font-face {
          font-family: 春夏秋冬;
          src: url('https://cdn.leafscape.be/shunka/shunka2_web.woff2')format("woff2");
     }
     @font-face {
          font-family: 春夏秋冬B;
          src: url('https://cdn.leafscape.be/shunka/shunka2B_web.woff2')format("woff2");
     }
     @font-face {
          font-family: 春夏秋冬BB;
          src: url('https://cdn.leafscape.be/shunka/shunka2BB_web.woff2')format("woff2");
     }
     .massage {
          background: #F5F0DD;
          filter: drop-shadow(2px 2px 2px #000);
          margin: 70px auto 0 auto;
          padding: 40px 40px 20px 40px;
          max-width: 960px;
     }
     .massage-h1 {text-align: center;}
     .massage-h1 h1 {
          color: #c1272d;
          font-size: 24px;
          font-family: 春夏秋冬BB;
          margin: 0 auto;
          padding: 0;
     }
     .massage-text-box {
          background: #fff;
          box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.7);
          padding: 1em 2em;
          margin: 30px auto;
          width: 80%;
     }
     .massage-text {
          background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #ddd 97%, #ddd 100%);
          background-size:100% 1.7em;
          line-height: 1.7;
          padding: 1.7em 0 0 0;
     }
     .massage-text p {
          font-family: 春夏秋冬B;
          font-size: 16px;
          margin-bottom: 1.6em;
          padding: 0 0 0 20px;
     }
     .right {
          font-size: 16px!important;
          padding-top: 1em;
          text-align: right;
     }
     
     /* .form ==================================================================================================== */
     .form {
          background: url("../images/form-bg.png");
          background-size: cover;
          padding: 140px 0 60px 0;
     }
     .form-box {
          background: #fff;
          margin: 0 auto;
          padding: 80px 0 40px 0;
          width: 90%;
          max-width: 1080px;
     }
     .form-box-inner {
          margin: 0 auto;
          width: 90%;
          position: relative;
     }
     .form-img {
          /* float: right;
          margin-top: -380px;
          margin-right: -100px; */
          position: absolute;
          top: -25%;
          right: -10%;
          width: 25%;
     }
     .form-box-inner h2 {
          background: #fff000;
          font-size: 32px;
          margin: 20px 0 15px 0;
          padding: 10px 0;
          text-align: center;
     }
     .form-box-inner p {
          font-size: 16px;
          text-align: center;
     }

     /* .sec05 ==================================================================================================== */
     .sec05 {
          background: url(../images/gray-bg.png) repeat;
          background-position: center;
          background-size: auto;
          padding: 0 0 50px 0;
          text-align: center;
     }
     .sec05-h1-area {
          background: url(../images/sec05-h1-bg.png) no-repeat;
          background-position: center;
          background-size: cover;
          padding: 40px 0 50px 0;
          text-align: center;
     }
     .sec05-h1-area h1 {
          margin: 0 auto;
          width: 100%;
     }
     .sec05-h1-area h1 img {width: 90%;}
     .sec-inner {
          margin: 0 auto;
          padding: 60px 0;
          width: 90%;
     }
     .sec05 .flex {
          margin: 0 auto 30px;
          width: 100%;
     }
     .sec05-srvc-box {width: 49%;}
     .sec05-srvc-box img {max-width: 100%;}
     .sec05-srvc-box dl dd {background: #fff!important;}
     .sec05-srvc-box dl dd.image {margin: 5px 0 10px;}
     .sec05-srvc-box dl dd.text {
          background: #fff;
          padding: 10px 0;
          text-align: left;
          width: 100%;
     }
     .sec05-srvc-box dl dd.text .dd-inner {
          margin: 0 auto;
          width: 90%;
     }
     .sec05-srvc-box dl dd.text ul {margin-left: 17px;}
     .sec05-srvc-box dl dd.text ul li {
          font-size: 1.0em;
          line-height: 150%;
          padding: 5px 0;
     }
     .sec05-srvc-box dl dd.text p {
          font-size: 1.0em;
          line-height: 150%;
          padding: 15px 0;
     }
     .sec05-srvc-box dl dd.s1 {
          background: url(../images/sec05-service-icon01.png) no-repeat;
          background-size: auto;
          background-position: center;
          height: 570px;
     }
     .sec05-srvc-box dl dd.s2 {
          background: url(../images/sec05-service-icon02.png) no-repeat;
          background-position: center;
          height: 570px;
     }
     .sec05-srvc-box dl dd.s3 {
          background: url(../images/sec05-service-icon03.png) no-repeat;
          background-position: center;
          background-size: auto;
          height: 500px;
     }
     .sec05-srvc-box dl dd.s4 {
          background: url(../images/sec05-service-icon04.png) no-repeat;
          background-position: center;
          background-size: auto;
          height: 500px;
     }
     .sec05-srvc-box dl dd.s5 {
          background: url(../images/sec05-service-icon05.png) no-repeat;
          background-position: center;
          background-size: auto;
          height: 540px;
     }
     .sec05-srvc-box dl dd.s6 {
          background: url(../images/sec05-service-icon06.png) no-repeat;
          background-position: center;
          background-size: auto;
          height: 540px;
     }
     .sec05-srvc-box dl dd.s7 {
          background: url(../images/sec05-service-icon07.png) no-repeat;
          background-size: auto;
          background-position: center;
     }
     
     /* .form ==================================================================================================== */
     .formAttn {
          max-width: 100%;
          margin: 0 auto;
     }
     .formAttn h2 {
          background: #fff;
          border-radius: 30px;
          padding: 6px 10px 3px 10px;
          margin: 15px auto 5px;
          max-width: 88%;
     }
     .formAttn img {width: 30%!important;}
     .formAttn ul {
          color: #fff;
          font-size: 12px;
          list-style-type: square;
          margin: 0 auto;
          padding: 5px 0;
          max-width: 84%;
     }
     .formTableArea {
          margin: 0 auto 10px;
          width: 100%;
     }
     .formTd02 {
          padding: 10px 0 10px 0;
          text-align: center;
          max-width: 100%;
     }
     .formTd02 input {
          background: #dddddd;  
          border: none;
          border-radius: 10px;             
          font-size: 24px;
          padding:0 0 0 10px;
          width: 97%;
          height: 60px;
     }
    
     /* .formTable ==================================================================================================== */
     .formTable table {
          border-collapse: collapse;
          margin: 30px auto 0 auto;
          padding: 0!important;
          text-align: center;
          width: 90%;
          max-width: 1080px;
     }
     .formTable tbody {display: table-cell;}
     .formTable table tr {
          margin: 0 auto;
          text-align: center;
     }
     .formTable table tr {padding: 10px 0;}
     .formTable table th {
          /* background: #666!important; */
          background: #eeeeee;
          color: #fff;
          padding: 10px 0;
          text-align: center!important;
     }
     .formTable table tr .formTableTd01-g {
          background: #eeeeee;
          color: #fff;
          text-align: center;
          width:130px;
     }
     .formTable table tr .formTableTd01-r {
          background: #c0272d!important;
          color: #fff;
          text-align: center;
          width:130px;
     }
     .formTable table tr .formTableTd02 {
          text-align: center;
          width:20%;
     }
     .formTable table tr .formTableTd02 span {
          display: block;
          font-size: 16px;
          line-height: 150%;
     }
     .formTable table tr .formTableTd02 .red {
          color: #961d13;
          font-weight: 600!important;
     }
     .formTable table tr .formTableTd03 {
          text-align: center;
          width: 20%;
     }
     .formTable table tr .formTableTd04 {
          padding: 20px 10px;
          text-align: center;
          width: 40%;
     }
     .formTable table tr .formTableTd04 span {
          display: block;
          font-size: 14px;
     }
     .formTable table tr td {
          border-collapse: collapse;
          padding: 8px 5px;
          vertical-align: middle;
          height: 60px;
     }
     /* .formTable table tr td {border: 1px solid #b4b2ae;} */
     .formTextLink {
          color: #c1272d;
          font-size: 15px;
     }
     .btnSubmit {
          margin: 0 auto;
          text-align: center;
     }
     .submit_btn {
          background: url("../images/attention-btn.png") no-repeat top left;
          background-position: center;
          background-size: 100% auto;
          border: none;
          margin: 0 auto;
          width: 95%;
          height: 160px;
     }
     footer {
          padding: 0;
          width: 100%;
     }
     #pageBottom {
          background: #1b1b1b;
          padding: 40px 0 0 0;
          text-align: center;
     }
     nav#menu2 {
          margin: 0 auto 30px auto;
          width: 100%;
          max-width: 1080px;
     }
     nav#menu2 ul {
          display: flex;
          justify-content: space-between;
          margin: 0px auto;
          padding: 10px 0px;
          text-align: center;
          width: 100%;
          max-width: 1000px;
     }
     nav#menu2 ul li {
          border-right: 0px dotted rgba(0,0,0,0);
          border-left: 1px solid #fff;
          display: inline-block;
          line-height: 18px;
          list-style: none;
          transition: 0.5s;
          -webkit-transition: 0.5s;
          width: 20%;
     }
     nav#menu2 ul li .home {border-left: 0;}
     nav#menu2 ul li a {
          color: #fff;
          display: block;
          font-size: 12px!important;
          font-weight: 600;
          padding: 0;
          text-decoration: none;
          transition: 0.5s;
          -webkit-transition: 0.5s;
     }
     nav#menu2 ul li:first-child {border-left: 0px dotted rgba(0,0,0,0);}
     nav#menu2 ul li:hover {background: #FFF;}
     nav#menu2 ul li a:hover {color: #999!important;}
     .footerArea {
          margin: 0 auto;
          text-align: center;
          width: 90%;
     }
     .footer_flex {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin: 0 auto 40px;
          width: 100%;
     }
     .footerLogo {width: 30%;}
     .footerInfo {width: 70%;}
     .footerInfo ul {list-style: none;}
     .footerInfo ul li {
          color: #fff;
          font-size: 15px;
          line-height: 175%;
     }
     #copyright {
          color: #fff;
          font-size: 15px;
          margin: 0 auto;
     }
}