/* 全体共通 */
body {
   font-family: "Noto Sans JP", sans-serif;
   background-color: #fff;
}
/* -------ここまで-------- */





 /*-----------ＴＯＰページここから------------*/
  /* ヘッダー */
header {
   background-color: #F39800;
}
header nav {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   min-height: 8vh;
}
.logo {
   color: white;
   font-weight: 700;
   font-size: 1.7rem;
}
header img {
   width: 60%;
   width: 200px;
   height: 40px;
}
.nav-links {
   display: flex;
   justify-content: space-around;
   margin-left: 60px;
   width: 70%;
   transition: all 0.6s ease-in-out;
}
.nav-links a {
   color: white;
   font-weight: bold;
   display: block;
}
.nav-links a:hover {
   color: white;
   font-weight: bold;
   opacity: 0.6;
}
.burger {
   display: none;
   cursor: pointer;
}
.burger div {
   width: 25px;
   height: 3px;
   background-color: white;
   margin: 3px;
   transition: all 0.5s ease-in-out;
}
.nav-active {
   transform: translateX(0%) !important;
}
/* -------ここまで-------- */


/* レスポンシブ */
@media screen and (max-width:1024px) { 
   .logo {
      font-size: 20px;
   }
   .nav-links {
      width: 70%;
      font-size: 1rem;
   }
}
@media screen and (max-width:600px) {
   html,body {
      overflow-x: hidden;
   }  
   header  {
      position: relative; 
      top: 0;
      right: 0;
      bottom: 8vh;
      z-index: 3;
   }  
   .nav-links {
      position: absolute;
      right: 0;
      height: 85vh;
      top: 8vh;
      background-color: #F39800;
      flex-direction: column;
      align-items: center;
      width: 50%;
      transform: translateX(100%);
      z-index: 3;
   }
   .nav-links li {
      opacity: 0;
   }
   .burger {
      display: block;
      z-index: 3;
   }
}
@keyframes navLinksFade {
   0% {
      opacity: 0;
      transform:translateX(50px);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
}
.toggle .line1 {
   transform: rotate(-45deg) translate(-4px, 5px);
}
.toggle .line2 {
   opacity: 0;
}
.toggle .line3 {
   transform: rotate(45deg) translate(-4px, -5px);
} 
/* -------ここまで-------- */



   /* メイン */
.mv {
   width: 100%;
   height: 500px;
   position: relative;
}
.item {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   animation: img-change 35s infinite;
   opacity: 0;
}
/* スライドショー */
.item:nth-child(1) {
   animation-delay: 0s;
}
.item:nth-child(2) {
   animation-delay: 6s;
}
.item:nth-child(3) {
   animation-delay: 10s;
}
.item:nth-child(4) { 
   animation-delay: 15s;
}
.item:nth-child(5) {
   animation-delay: 20s; 
}
.item:nth-child(6) {
   animation-delay: 25s;
}
.item:nth-child(7) {
   animation-delay: 30s;
} 
.item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
@keyframes img-change {
   0% {
      opacity: 0;
   }
   10% {
      opacity: 1;
   }
   20% {
      opacity: 1;
   }
   30% {
      opacity: 0;
   }
   40% {
      opacity: 0;
   }
   100% {
      opacity: 0;
   }
}
/* -------ここまで-------- */



/* レスポンシブ */
.img-sp {
   display: none;
}
/* @media screen and (min-width:1200px) {
   .mv {
      height: 600px;
   }
} */
@media screen and (min-width:1300px) {
   .mv {
      height: 750px;
   }
}
@media screen and (max-width:560px) {
   .img-pc {
      display: none;
   }
   .img-sp {
       display: block;
   }
}
/* -------ここまで-------- */



   /* 企業理念 */
.section1 { 
   background-color: #F39800;  
}
.section1 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   height: 750px;
}
.section1 h2 {
   font-family: "Shippori Mincho", serif;
   font-size: 2.2rem;
   font-weight: 500;
   color: #fff;
   line-height: 1.5;
   padding-top: 170px;
   padding-left: 200px;
}
.section1 p {
   font-size: 1rem;
   font-weight: 500;
   color:#fff;
   line-height: 3.0;
   padding-top: 50px;
   padding-left: 200px;
}
.section1 img {
   width: 300ox;
   height: 500px;
   position: relative;
   left: 500px;
   top: -450px;
}
/* -------ここまで-------- */


/* レスポンシブ */
@media screen and (max-width:968px) { 
   .section1 img {
      left: 430px;
   }
   .section1 p {
      padding-left: 140px;
   }
   .section1 h2 {
      padding-left: 140px;
   }
}
@media screen and (max-width:768px) { 
   .section1 img {
      width: 30%;
      height: 60%;
      margin-top: 90px;
      left: 420px;
   }
   .section1 p {
      line-height: 2.5;
      padding-left: 120px;
   }
   .section1 h2 {
      font-size: 2rem;
      margin-bottom: 10px;
      padding-top: 110px;
      padding-left: 120px;
   }
   .section1 .container {
      height: 660px;
   }
} 
@media screen and (max-width:600px) {
   .section1 p {
      padding-left: 50px;
   }
   .section1 h2 {
      padding-left: 50px;
   }
   .section1 .container {
      height: 590px;
   } 
   .section1 img {
      top: -445px;
      left: 330px;
   }
}
@media screen and (max-width:480px) {
   .section1 {
      padding: 10px 0 50px 0;
   }
   .section1 img {
      width: 25%;
      height: auto;
      position: relative;
      left: 230px;
      top: -272px;
   }
   .section1 h2 {
      font-size: 1.3rem;
      padding-left: 40px;
      padding-top: 60px;
      line-height: 1.4;
   }
   .section1 p {
      font-size: 0.7rem;
      line-height: 1.7;
      padding-left: 40px;
      padding-top: 15px;
   }
   .section1 .container {
      height: 270px;
   }
}
@media screen and (max-width:400px) {
   .section1 img {
      position: relative;
      left: 230px;
      top: -262px;
   }
   .section1 h2 {
      padding-top: 50px;
      line-height: 1.4;
   }
}
@media screen and (max-width:390px) {
   .section1 img {
      width: 30%;
      height: auto;
      position: relative;
      left: 210px;
      top: -275px;
   }
   .section1 h2 {
      padding-left: 35px;
   }
   .section1 p {
      padding-left: 35px;
   }
}
/* -------ここまで-------- */



 /* COMPANY －－背景ーー*/
.section3 { 
   background-color: #F39800;
   background-image: url('../images/会社案内image.jpg'); 
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
} 
.section3 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   height: 500px;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:480px) { 
   .section3 {
      background-image: url('../images/会社案内image.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      background-color: #F39800;
      }
   .section3 .container {
      height: 180px;
   }
}
/* -------ここまで-------- */



/*COMPANY・文字とテキスト */
.section3-1 { 
   background-color: #F39800;
} 
.section3-1 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   padding-bottom: 50px;
}
.section3-1 .image6 {
   margin-left: 17%;
}
.section3-1 .image6 img {
   width: 77%;
   height: auto;
   margin-top: 30px;
}
.section3-1 p {
   color: #fff;
   font-size: 1.1rem;
   line-height: 150%;
   padding-left: 18%;
   padding-top: 10px;
}
.section3-1 .btn {
   color: #fff;
   font-size: 1.2rem;
   border: solid 1px #fff; 
   border-radius: 100px;
   display: inline-block;
   width: 200px;
   line-height: 45px;
   text-align: center;
   transition: .2s;
   position: relative;
   left: 575px;
   top: -45px;
}
.section3-1 .btn:hover {
   color: #717171;
   border: solid 1px #717171;
   transition: .2s;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:1024px) { 
   .section3-1 .btn {
      position: relative;
      left: 530px;
   }
}
@media screen and (max-width:968px) { 
   .section3-1 .image6 img {
      margin-top: 30px;
   }
   .section3-1 p {
      font-size: 1rem;
   }
   .section3-1 .btn {
      font-size: 1rem;
      width: 150px;
      line-height: 40px;
      position: relative;
      left: 440px;
   }
}
@media screen and (max-width:868px) { 
   .section3-1 .btn {
      left: 460px;
   }
}
@media screen and (max-width:820px) { 
   .section3-1 .btn {
      left: 440px;
   }
}
@media screen and (max-width:768px) {
   .section3-1 .btn {
      font-size: 0.9rem;
      width: 130px;
      line-height: 30px;
      position: relative;
      left: 430px;
      top: -40px;
   }
   .section3-1 p {
      font-size: 0.9rem;
   }
}
@media screen and (max-width:600px) { 
   .section3-1 .image6 {
      margin-left: 0;
   }
   .section3-1 .image6 img {
      width: 100%;
      height: auto;
      margin-top: 10px;
   }
   .section3-1 p {
      padding-top: 10px;
      padding-left: 10%;
   }
   .section3-1 .btn {
      font-size: 0.8rem;
      width: 250px;
      position: relative;
      left: 0px;
      top:0px;
      margin-top: 15px;
      margin-left: 25%;
   }
}
@media screen and (max-width:480px) { 
   .section3-1 p {
      padding-left: 18%;
   }
   .section3-1 .btn {
      margin-top: 15px;
      margin-left: 18%;
   }
}
@media screen and (max-width:390px) { 
   .section3-1 p {
      padding-left: 10%;
   }
   .section3-1 .btn {
      font-size: 0.8rem;
      width: 280px;
      margin-left: 10%;
   }
}
@media screen and (max-width:360px) { 
   .section3-1 .btn {
      font-size: 0.8rem;
      width: 250px;
      margin-left: 10%;
   }
}
/* -------ここまで-------- */



 /* BUZINESS */
.section4 {
   background-color: #F39800;
}
.section4 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   padding: 60px 0 60px 0;
}
.section4 .container .image1 img {
   width: 65%;
   margin-left: 18%;
}
.section4 p {
   color: #fff;
   font-size: 1.1rem;
   line-height: 150%;
   padding-top: 30px;
   padding-left: 18%;
}
.section4 .btn {
   color: #fff;
   font-size: 1.2rem;
   border: solid 1px #fff; 
   border-radius: 100px;
   display: inline-block;
   width: 200px;
   line-height: 45px;
   text-align: center;
   transition: .2s;
   position: relative;
   left: 575px;
   top: -45px;
}
.section4 .btn:hover {
   color: #717171;
   border: solid 1px #717171;
   transition: .2s;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:1024px) { 
   .section4 .btn {
      position: relative;
      left: 530px;
   }
}
@media screen and (max-width:968px) { 
   .section4 p {
      font-size: 1rem;
   }
   .section4 .btn {
      font-size: 1rem;
      width: 150px;
      line-height: 40px;
      position: relative;
      left: 470px;
   } 
}
@media screen and (max-width:868px) {
   .section4 p {
      padding-top: 20px;
   }
   .section4 .btn {
      position: relative;
      left: 460px;
   } 
}
@media screen and (max-width:820px) {
   .section4 .btn {
      position: relative;
      left: 440px;
   } 
}
@media screen and (max-width:768px) { 
   .section4 .btn {
      font-size: 0.9rem;
      width: 130px;
      line-height: 30px;
      position: relative;
      left: 430px;
      top: -40px;
   }
   .section4 p {
      font-size: 0.9rem;
   } 
}
@media screen and (max-width:600px) {
   .section4 .container {
      padding: 30px 0 30px 0;
   }
   .section4 .container .image1 img {
      width: 85%;
      margin-left: 10%;
   }
   .section4 p {
      padding-top: 10px;
      padding-left: 10%;
   }
   .section4 .btn {
      font-size: 0.8rem;
      width: 250px;
      position: relative;
      left: 0px;
      top:0px;
      margin-top: 15px;
      margin-left: 25%;
   }
} 
@media screen and (max-width:480px) {
   .section4 p {
      padding-left: 10%;
   }
   .section4 .btn {
      margin-left: 18%;
   }
} 
@media screen and (max-width:390px) {
   .section4 .btn {
      font-size: 0.8rem;
      width: 280px;
      margin-left: 10%;
   }
}
@media screen and (max-width:360px) { 
   .section4 p {
      font-size: 0.8rem;
   }
   .section4 .btn {
      font-size: 0.8rem;
      width: 250px;
      margin-left: 10%;
   }
}
/* -------ここまで-------- */



 /* 人材育成 */
.section5 {
   background-color: #F39800;
}
.section5 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   padding: 80px 0 110px 0;
}
.section5 .container .image8 img {
   width: 63%;
   margin-left: 18%;
}
.section5 p {
   color: #fff;
   font-size: 1.1rem;
   line-height: 150%;
   padding-top: 30px;
   padding-left: 18%;
}
.section5 .btn {
   color: #fff;
   font-size: 1.2rem;
   border: solid 1px #fff; 
   border-radius: 100px;
   display: inline-block;
   width: 200px;
   line-height: 45px;
   text-align: center;
   transition: .2s;
   position: relative;
   left: 575px;
   top: -45px;
}
.section5 .btn:hover {
   color: #717171;
   border: solid 1px #717171;
   transition: .2s;
}
.section5 h2 {
   color: #fff;
   font-size: 2.55rem;
   font-weight: 700;
   line-height: 1.1;
   padding-left: 18%;
   padding-top: 10px;
}
/* -------ここまで-------- */



/* レスポンシブ */

/* -------ここまで-------- */
@media screen and (max-width:1024px) { 
   .section5 h2 {
      font-size: 2.4rem;
   }
   .section5 .btn {
      position: relative;
      left: 530px;
   }
}
@media screen and (max-width:968px) { 
   .section5 h2 {
      font-size: 2.15rem;
   }
   .section5 p {
      font-size: 1rem;
   }
   .section5 .btn {
      font-size: 1rem;
      width: 150px;
      line-height: 40px;
      position: relative;
      left: 470px;
   } 
}
@media screen and (max-width:868px) {
   .section5 h2 {
      font-size: 2rem;
   }
   .section5 p {
      padding-top: 20px;
   }
   .section5 .btn {
      position: relative;
      left: 460px;
      top: -40px;
   } 
}
@media screen and (max-width:820px) {
   .section5 h2 {
      font-size: 1.9rem;
   }
   .section5 .btn {
      position: relative;
      left: 440px;
   } 
}
@media screen and (max-width:768px) { 
   .section5 h2 {
      font-size: 1.8rem;
   }
   .section5 .btn {
      font-size: 0.9rem;
      width: 130px;
      line-height: 30px;
      position: relative;
      left: 430px;
      top: -40px;
   }
   .section5 p {
      font-size: 0.9rem;
   } 
}
@media screen and (max-width:600px) {
   .section5 .container .image8 img {
      width: 80%;
      margin-left: 10%;
   }
   .section5 h2 {
      font-size: 1.65rem;
      padding-left: 10%;
   }
   .section5 p {
      padding-top: 10px;
      padding-left: 10%;
   }
   .section5 .btn {
      font-size: 0.8rem;
      width: 250px;
      position: relative;
      left: 0px;
      top:0px;
      margin-top: 15px;
      margin-left: 25%;
   }
}
@media screen and (max-width:480px) { 
   .section5 h2 {
      font-size: 1.25rem;
   }
   .section5 p {
      padding-left: 10%;
   }
   .section5 .btn {
      margin-left: 18%;
   }
}
@media screen and (max-width:390px) { 
   .section5 .btn {
      font-size: 0.8rem;
      width: 280px;
      margin-left: 10%;
   }
}
@media screen and (max-width:360px) { 
   .section5 .btn {
      font-size: 0.8rem;
      width: 250px;
      margin-left: 10%;
   }
   .section5 h2 {
      font-size: 1rem;
      padding-left: 10%;
      font-weight: 900;
   }
}
/* -------ここまで-------- */



 /* フッター・ナビゲーション*/
.fooder {
   background-color: #F39800;
}
.fooder .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.fooder nav {
   width: 100%;
   margin: 0 auto;
   max-width: 960px;
   padding: 10px 0
}
.fooder nav ul {
   display: flex;
   justify-content: space-around;
   width: 100%;
}
.fooder nav ul li {
   font-size: 1rem;
}
.fooder nav a {
   color: #fff;
   font-weight: bold;
   display: block;
}
.fooder nav a:hover {
   color: #fff;
   font-weight: bold;
   opacity: 0.6;
}
.fooder img {
   width: 60%;
   width: 200px;
   height: 40px;
   margin: 10px 0;
   margin-left: 39%;
}
.fooder .foodertext p {
   color: #fff;
   font-size: 0.8rem;
   line-height: 2;
   padding-left: 39%;
   padding-bottom: 10px;
}
 /* -------ここまで-------- */



  /* -------レスポンシブ-------- */
@media screen and (max-width:600px) {
   .fooder nav {
      display: none;
   }
   .fooder img {
      margin-left: 30%;
   }
  .fooder .foodertext p {
      padding-left: 30%;
   }
}
@media screen and (max-width:480px) {
   .fooder nav {
      display: none;
   }
   .fooder img {
      margin: 10px 0;
      margin-left: 24%;
   }
  .fooder .foodertext p {
     color: #fff;
     font-size: 0.8rem;
     line-height: 1.5;
     padding-left: 24%;
     padding-bottom: 10px;
   }
}
@media screen and (max-width:390px) {
   .fooder img {
      margin-left: 20%;
   }
   .fooder .foodertext p {
     padding-left: 20%;
   }
}
@media screen and (max-width:350px) {
   .fooder img {
      margin-left: 18%;
   }
   .fooder .foodertext p {
     padding-left: 18%;
   }
}
/* -------ここまで-------- */



/* -------フッター2-------- */
.fooder2 {
   background-color: #F39800;
}
.fooder2 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   padding: 10px 0 20px 0;
}
.fooder2 nav {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   padding: 10px 0;
}
.fooder2 nav ul {
   display: flex;
   justify-content:end;
}
.fooder2 nav ul li {
   color: #fff;
   font-size: 0.8rem;
   margin: 0 20px;
}
.fooder2 nav a {
   color: #fff;
   font-weight: bold;
   display: block;
}
.fooder2 nav a:hover {
   color: #fff;
   font-weight: bold;
   opacity: 0.6;
}
.fooder2 p {
   text-align: center;
   font-size: 0.8rem;
   color: #fff;
}
 /* -------ここまで-------- */
 
 
 /*レスポンシブ */
 @media screen and (max-width:480px) {
   .fooder2 nav {
      padding: 5px 0;
   }
   .fooder2 nav ul {
      display: flex;
      justify-content:space-around;
   }
   .fooder2 nav ul li {
      color: #fff;
      font-size: 0.8rem;
      margin: 0 5px;
   }
}
@media screen and (max-width:370px) {
   .fooder2 nav ul li {
      font-size: 0.7rem;
   }
}
 -------ここまで-------- */ 
/*-----------ＴＯＰページここまで------------*/
 


 /*-----------　下層ページ　------------*/
 /*-----------会社概要ページここから------------*/
 /* 会社概要・ＴＯＰ写真 */
.topmesseage1 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.topmesseage1 {
   background-color: #F39800;
   height: 500px;
   background-image: url('../images/会社案内image.jpg');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}
/* -------ここまで-------- */



/* レスポンシブ */
/* -------ここまで-------- */



/*会社概要文字・背景*/
.topmesseage2 {
   background-color: #F39800;
}
@keyframes infinity-scroll-left {
   from {
     transform: translateX(0);
   }
     to {
     transform: translateX(-100%);
   }
}
.scroll-infinity__wrap {
   display: flex;
   overflow: hidden;
}
.scroll-infinity__list {
   display: flex;
   list-style: none;
   padding: 0
}
.scroll-infinity__list--left {
   animation: infinity-scroll-left 50s infinite linear 0.5s both;
}
.scroll-infinity__item {
   width: calc(100vw / 6);
}
.scroll-infinity__item>img {
   width: 100%;
}
 /* CSSアニメーション */
@keyframes scroll-left {
   from {
     transform: translateX(0);
   }
   to {
     transform: translateX(-100%);
   }
}
.scroll-infinity__item--text {
   font-family: "Bebas Neue", sans-serif;;
   width: calc(500vw / 11);
   font-size: 2.2rem;
   font-weight: 700;
   color: #fff;
}
.topmesseage2 .scroll-infinity {
   background-color:#F39800;
   padding: 30px 0;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:1260px) { 
   .scroll-infinity__item--text {
      font-size: 1.8rem;
      width: calc(500vw / 8);
      font-weight: 700;
      color: #fff;
   }
}
@media screen and (max-width:868px) { 
   .scroll-infinity__item--text {
      width: calc(500vw / 7);
      font-size: 1.8rem;
      color: #fff;
   }
}
@media screen and (max-width:480px) { 
   .scroll-infinity__item--text {
      width: calc(500vw / 6);
      font-size: 1.4rem;
      color: #fff;
   }
}
@media screen and (max-width:390px) { 
   .scroll-infinity__item--text {
      width: calc(500vw / 5);
      font-size: 1.4rem;
      color: #fff;
   }
}
/* -------ここまで-------- */



/* トップメッセージ-写真*/
.topmesseage3 {
   background-color: #fff;
}
.topmesseage3 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   padding: 0px 0 50px 0;
}
.topmesseage3 img {
   object-fit: cover;
   width: 90%;
   height: auto;
   max-width: 960px;
   margin: 0 auto;
}
.topimage .img-sp {
   display: none;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:600px) { 
   .topmesseage3 .container {
      padding: 20px 0px 15px 0px;
   }
   .topimage .img-pc {
      display: none;
   }
   .topimage .img-sp {
      display: block;
   }
   .topmesseage3 img {
      width: 100%;
      height: auto;
   }
}
/* -------ここまで-------- */



/* トップメッセージ-説明文*/
.topmesseage4 {
   background-color: #fff;
}
.topmesseage4 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   padding: 50px 0 150px 0;
}
.topmesseage4 h3 {
   font-size: 1rem;
   color: #000;
   line-height: 1.8;
   width: 80%;
   padding-bottom: 30px;
   margin: 0 auto;
}
.topmesseage4 h4 {
   font-size: 1rem;
   margin: auto;
   color:#717171;
   width: 80%;
   padding-top: 10px;
   padding-bottom: 20px;
   line-height: 150%;
   margin: auto;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:480px) { 
   .topmesseage4 .container {
      padding: 50px 0 50px 0;
   }
}
/* -------ここまで-------- */


/* 集合写真 */
.bisinessabout {
   background-color: #fff;
   background-image: url('../images/スライド修正２.jpg'); 
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   height: 600px;
}
.bisinessabout .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   height: 600px;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (min-width:1281px) { 
   .bisinessabout {
      background-size: 100% auto;
      height: 700px;
   }
}
@media screen and (max-width:980px) { 
   .bisinessabout {
      background-size: 100% auto;
      height: 370px;
   }
}
@media screen and (max-width:700px) { 
   .bisinessabout {
      height: 285px;
   }
}
@media screen and (max-width:550px) { 
   .bisinessabout {
      height: 230px;
   }
}
@media screen and (max-width:480px) { 
   .bisinessabout {
      height: 190px;
   }
}
@media screen and (max-width:370px) { 
   .bisinessabout {
      height: 170px;
   }
}
/* -------ここまで-------- */



 /* キャッチコピーと背景*/
.bisinessabout1 { 
   background-color: #F39800;
   padding: 50px 0;
   width: 100%;
   margin: 0 auto;
   text-align: center;
}
/* .bisinessabout1 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
} */
.bisinessabout1 h2 {
   line-height: 1.4;
   font-weight: 700;
   font-size: 1.8rem;
   padding-bottom: 10px;
   color: #fff;
}
.bisinessabout1 p {
   font-size: 0.8rem;
   padding-top: 10px;
   padding-bottom: 10px;
   color: #fff;
}
.bisinessabout1 h3 {
   font-size: 1.15rem;
   padding-top: 10px;
   padding-bottom: 10px;
   color: #fff;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:600px) { 
   .bisinessabout1 h2 {
      font-size: 1.2rem;
   }
   .bisinessabout1 p {
      font-size: 0.5rem;
      padding-top: 0;
   }
   .bisinessabout1 h3 {
      padding-top: 0;
      font-size: 0.8rem;
   }
}
@media screen and (max-width:480px) {
   .bisinessabout1 {
      padding: 30px 0px;
   }
   .bisinessabout1 h2 {
      font-size: 0.8rem;
      font-weight: 900;
   }
   .bisinessabout1 h3 {
      font-size: 0.6rem;
   }
}
/* -------ここまで-------- */



/* 会社概要 */
.bisinessabout2 {
   background-color: #fff;
}
.bisinessabout2 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.bisinessabout2 h2 {
   font-size: 1.5rem;
   text-align: center;
   color: #717171;
   padding-top: 150px;
   padding-bottom: 30px;
}
.bisinessabout2 dl {
   display: flex;
   flex-wrap: wrap;
   width: 70%;
   max-width: 960px;
   margin: 0 auto;
   font-size: 0.9rem;
   padding-bottom: 70px;
}
.bisinessabout2 dt {
   width: 50%;
   border-bottom: solid 2px #bbb;
   padding: 22px 0;
   color: #717171;
}
.bisinessabout2 dd {
   width: 50%;
   border-bottom: solid 2px #bbb;
   padding: 22px 0;
   color: #717171;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:980px) { 
   .bisinessabout2 h2 {
      font-size: 0.9rem;
      padding-top: 40px;
   }
   .bisinessabout2 dl {    
      font-size: 0.7rem;
      padding-bottom: 50px;
   }
   .bisinessabout2 h2 {
      padding-top: 100px;
   }
}
@media screen and (max-width:480px) { 
   .bisinessabout2 h2 {
      font-size: 0.7rem;
      padding-top: 40px;
   }
   .bisinessabout2 dl {    
      font-size: 0.6rem;
      padding-bottom: 20px;
   }
   .bisinessabout2 dt {
      padding: 10px 0;
   }
   .bisinessabout2 dd {
      padding: 10px 0;
   }
}
/* -------ここまで-------- */



 /* 営業所＿関連会社 */
.service_office {
   background-color: #fff;
}
.service_office .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.service_office .office {
   padding-bottom: 100px;
}
.service_office h2 {
   font-size: 1.5rem;
   text-align: center;
   padding: 30px;
   color: #717171;
}
.service_office dl {
   display: flex;
   flex-wrap: wrap;
   width: 70%;
   max-width: 960px;
   margin: 0 auto;
   font-size: 0.9rem;
   padding-bottom: 80px;
}
.service_office dt {
   width: 50%;
   border-bottom: solid 2px #bbb;
   padding: 22px 0;
   color: #717171;
}
.service_office dd {
   width: 50%;
   border-bottom: solid 2px #bbb;
   padding: 22px 0;
   color: #717171;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:980px) {
   .service_office h2 {
      font-size: 0.9rem;
      padding: 10px;
      margin-top: 20px;
   } 
   .service_office dl {
      font-size: 0.7rem;
      padding-bottom: 20px;
   }
   .service_office .office {
      padding-bottom: 140px;
   }
}
@media screen and (max-width:480px) {
   .service_office h2 {
      font-size: 0.7rem;
   } 
   .service_office dl {
      font-size: 0.6rem;
      padding-bottom: 5px;
   }
   .service_office dt {
      padding: 10px 0;
      color: #717171;
   }
   .service_office dd {
      padding: 10px 0;
      color: #717171;
   }
   .service_office .office {
      padding-bottom: 100px;
   }
}
/* -------ここまで-------- */
/*-----------会社概要ページここまで------------*/





/*-----------事業内容ページここから------------*/
 /* 事業内容・トップ写真*/
.business0 {
   background-color: #F39800;
   height: 500px;
   background-image: url('../images/トップ画像.jpg');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}
.business0 .container {
   width: 90%;
   margin: 0 auto;
   position: relative;
}
.business0 h2 {
   color: #fff;
   font-size: 3.5rem;
   font-weight: 900;
   padding-top: 300px;
   padding-left: 20px;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:860px) { 
   .business0 h2 {
      padding-top: 110px;
   }
}
@media screen and (max-width:600px) { 
   .business0 h2 {
      padding-top: 130px;
   }
}
@media screen and (max-width:480px) {
   .business0 {
      background-color: #F39800;
      /* height: 300px; */
      background-image: url('../images/トップ画像３.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
   } 
   .business0 h2 {
      font-size: 2rem;
      padding-top: 200px;
      padding-left: 5px;
   } 
}
@media screen and (max-width:400px) {
   .business0 h2 {
      padding-left: 0px;
   } 
}
/* -------ここまで-------- */



/* 事業内容・キャッチコピー */
.business1 {
   background-color: #F39800;
}
.business1 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   height: 250px;
}
.business1 h2 {
   color: #fff;
   font-size: 1.8rem;
   font-weight: 700;
   line-height: 1.5;
   text-align: center;
   padding-top: 50px;
}
.business1 p {
   color: #fff;
   font-size: 0.8rem;
   font-weight: 700;
   line-height: 140%;
   text-align: center;
   padding: 20px 0;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:768px) {  
   .business1 .container {
      height: 150px;
   }
   .business1 h2 {
      font-size: 1.2rem;
      line-height: 1.3;
      padding-top: 15px;
   }
   .business1 p {
      font-size: 0.8rem;
      padding-top: 10px;
   }
}
@media screen and (max-width:680px) {  
   .business1 .container {
      height: 150px;
   }
   .business1 h2 {
      font-size: 1.2rem;
      line-height: 1.3;
      padding-top: 20px;
   }
   .business1 p {
      font-size: 0.8rem;
      padding-top: 10px;
   }
}
@media screen and (max-width:480px) { 
   .business1 {
      background-color: #F39800;
      height: 100px;
   } 
   .business1 .container {
      height: 100px;
   }
   .business1 h2 {
      font-size: 0.8rem;
      padding-top: 10px;
   }
   .business1 p {
      font-size: 0.6rem;
      padding-top: 5px;
   }
}
/* -------ここまで-------- */



/* 事業内容・テキスト・フレックス */
.business2 {
   background-color: #fff;
}
.business2 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   height: 400px;
}
.business2 .col {
   display: flex;
   justify-content: space-between;
   background-color: #F39800;
}
.business2 .row {
   width: 38%;
   height: 400px;
   color: #F39800;
   background-color: #fff;
}
.business2 h2 {
   width: 80%;
   font-size: 1.1rem;
   margin-top: 70px;
   line-height: 2;
   font-weight: 700;
   padding-left: 15%;
}
.business2 h3 {
   width: 90%;
   font-size: 1.1rem;
   margin-top: 70px;
   line-height: 1.8;
   font-weight: 700;
   padding-left: 25%;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:1024px) {
   .business2 .container {
      height: 250px;
   }
   .business2 .row {
      width: 40%;
      height: 250px;
      background-color: #fff;
   }
   .business2 h2 {
      width: 90%;
      font-size: 0.9rem;
      margin-top: 40px;
      padding-left: 15%;
      padding-right: 5%;
   }
   .business2 h3 {
      font-size: 0.9rem;
      margin-top: 40px;
      line-height: 1.5;
      padding-left: 15%;
   }
} 
@media screen and (max-width:540px) {
   .business2 h3 {
      font-size: 0.9rem;
      margin-top: 40px;
      line-height: 1.3;
      padding-left: 20%;
   }
}
@media screen and (max-width:480px) {  
   .business2 .container {
      height: 150px;
   }
   .business2 .col {
      display: flex;
      justify-content: space-between;
      background-color: #F39800;
   }
   .business2 .row {
      width: 45%;
      height: 150px;
      color: #F39800;
      background-color: #fff;
   }
   .business2 h2 {
      font-size: 0.7rem;
      margin-top: 30px;
      line-height: 1.3;
   }
   .business2 h3 {
      font-size: 0.6rem;
      line-height: 1.2;
      margin-top: 30px;
   }
} 
@media screen and (max-width:350px) {  
   .business2 h2 {
      margin-top: 20px;
   }
   .business2 h3 {
      margin-top: 20px;
   }
} 
/* -------ここまで-------- */



/*事業内容・サブコピー*/
.business3 {
   background-color: #F39800;
   height: 250px;
}
.business3 .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.business3 p {
   color: #fff;
   font-size: 1.6rem;
   font-weight: 700;
   text-align: center;
   line-height: 1.7;
   padding-top: 80px;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:980px) {
   .business3 p {
      line-height: 1.5;
      padding-top: 80px;
   }
   .business3 {
      height: 250px;
   }
}
@media screen and (max-width:768px) {
   .business3 {
      height: 150px;
   }
   .business3 p {
      font-size: 1.2rem;
      line-height: 1.3;
      padding-top: 50px;
   }
}
@media screen and (max-width:480px) {
   .business3 {
      height: 100px;
   }
   .business3 p {
      font-size: 0.8rem;
      line-height: 1.3;
      padding-top: 30px;
   }
}
/* -------ここまで-------- */



/*３つの事業*/
.business4 {
   background-color: #fff;
   padding: 150px 0 120px 0;
}
.business4 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.business4 h2 {
   font-size: 2.5rem;
   font-weight: 700;
   text-align: center;
   color: #F39800;
   margin-bottom: 40px;
}
.business4 .col {
   display: flex;
   justify-content: space-between;
}
.business4 .row {
   width: 32%;
   background: #fff;
   padding: 40px 20px 20px 20px;
   border: solid 6px #F39800;
   text-align: center;
   position: relative;
}
.business4 .row::before {
   content: '';
   background-color: #F39800;
   width: 60px;
   height: 60px;
   position: absolute;
   top: 0;
   left: 0;
   border-bottom-right-radius: 200px;
}
.business4 .number {
   position: absolute;
   top: 6px;
   left: 13px;
   font-size: 30px;
   font-weight: 700;
   color: #fff;
}
.business4 h3 {
   font-size: 1.2rem;
   font-weight: 700;
   color: #F39800;
   margin-bottom: 19px;
}
.business4 p {
   font-size: 1rem;
   text-align: left;
   line-height: 1.5;
}
.business4-text p { 
   width: 61%;
   padding: 50px;
   color: #000;
   text-align: left;
   margin: auto;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:1024px) {
   .business4-text p { 
      width: 80%;
   }
}
@media screen and (max-width:960px) {
   .business4 h3 {
      padding: 10px;
   } 
   .business4-text p { 
      width: 81%;
      padding: 50px;
      color: #000;
      text-align: left;
      margin: auto;
   }
}
@media screen and (max-width:768px) { 
   .business4 .col {
      flex-wrap: wrap;
      gap: 20px;
   }
   .business4 .row {
      width: 80%;
      margin: auto;
   }
   .business4-text p { 
      padding: 30px;
      color: #000;
      text-align: left;
      width: 80%;
   }
}
@media screen and (max-width:480px) {
   .business4 {
      background-color: #fff;
      padding: 70px 0 70px 0;
   } 
   .business4 h2 {
      font-size: 1.8rem;
      font-weight: 700;
      text-align: center;
      color: #F39800;
      margin-bottom: 40px;
   }
   .business4 .row {
      width: 100%;
   }
   .business4-text p { 
      padding: 30px;
      color: #000;
      text-align: left;
      margin: auto;
      width: 100%;
   }
}
/* -------ここまで-------- */



/* ワークフロー文字・背景 */
.workflow1 {
   background-color: #F39800;
   height: 90px;
}
.workflow1 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   height: 90px;
}
.workflow1 img {
   width: 25%;
   margin-top: 25px;
   margin-left: 37%;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:980px) {
   .workflow1 img {
      margin-left: 40%;
   }
}
@media screen and (max-width:768px) {
   .workflow1 img {
      margin-left: 38%;
   }
}
@media screen and (max-width:600px) {
   .workflow1 img {
      width: 50%;
      height: auto;
      margin-left: 25%;
   }
}
@media screen and (max-width:480px) {
   .workflow1  {
      height: 50px;
   }
   .workflow1 img {
      margin-left: 30%;
      width:40%;
      height: 30px;
      margin-top: 10px;
   }
}
/* -------ここまで-------- */



/*ワークフロー・テキスト */
.workflow2 {
   background-color: #fff;
   padding: 80px 0;
}
.workflow2 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   padding-top: 30px;
   padding-bottom: 150px;
}
.workflow2 img {
   width:170px;
   height: 170px;
}
.workflow2 .col {
   display: flex;
   justify-content: space-between;
}
.workflow2 .row {
   width: 30%;
   background: #fff;
   padding: 50px 20px 50px 20px;
   text-align: center;
}
.workflow2 .row h4 {
   font-size:  1rem;
   line-height: 1.5;
   text-align: left;
   padding-top: 30px;
   padding-bottom: 30px;
}
.workflow2 h3 {
   border-top: solid 1px #000;
   width: 90%;
   font-size:  1rem;
   line-height: 1.5;
   margin: auto;
   text-align: center;
   padding: 0px 0 50px 0;
}
.workflow2 p {
   padding: 30px;
   width: 58%;
   font-size:  1rem;
   line-height: 1.5;
   text-align: left;
   margin: 0 auto;
   border: solid 3px #F39800;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:1024px) { 
   .workflow2 {
      padding: 40px 0 0 10px;
   }
   .workflow2 p {
      width: 70%;
   }
}
@media screen and (max-width:600px) { 
   .workflow2 {
      padding: 30px 0;
   }
   .workflow2 .col {
      flex-wrap: wrap;
      gap: 20px;
   }
   .workflow2 .row {
      width: 80%;
      margin: auto;
      padding: 20px 0 20px 0;
   }
   .workflow2 .row h4 {
      width: 70%;
      padding-top: 30px;
      padding-bottom: 30px;
      margin: auto;
   }
   .workflow2 p {
      width: 80%;
      margin: auto;
   }
}
@media screen and (max-width:480px) { 
   .workflow2 .container {
      padding-bottom: 50px;
   }
   .workflow2 .row {
      width: 100%;
   }
   .workflow2 p {
      width: 100%;
      margin: auto;
   }
   .workflow2 h3 {
      margin-top: 30px;
   }
}
/* -------ここまで-------- */



/* メリット・キャッチコピー */
.business4-0-1 {
   background-color: #fff;
}
.business4-0-1 .merit .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   height: 120px;
}
.business4-0-1 h2 {
   color: #fff;
   font-size: 1.2rem;
   font-weight: 700;
   background-color: #F39800;
   text-align: center;
   width: 50%;
   margin-left: 25%;
   line-height: 3;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:1024px) {
   .business4-0-1 h2 {
      font-size: 1.3rem;
      width: 70%;
      margin-left: 16%;
      line-height: 2.5;
   }
}
@media screen and (max-width:860px) {
   .business4-0-1 h2 {
      width: 83%;
      margin-left: 9%;
   }
}
@media screen and (max-width:768px) {
   .business4-0-1 h2 {
      font-size: 1.2rem;
      width: 80%;
      margin-left: 10%;
   }
}
@media screen and (max-width:550px) {
   .business4-0-1 h2 {
      font-size:0.9rem;
   }
}
@media screen and (max-width:480px) {
   .business4-0-1 h2 {
      font-size: 0.7rem;
      line-height: 4;
      width: 95%;
      margin: auto;
   }
}
/* -------ここまで-------- */



/* メリット・テキスト　*/
.business4-0-2 {
   background-color: #fff;
}
.business4-0-2 .merit2 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.business4-0-2 .merit2 {
   padding-top: 70px;
   padding-bottom: 100px;
}
.business4-0-2 .merit2 .row {
   margin-left: 21%;
   padding-bottom: 20px;
}
.business4-0-2 .image7 {
   width: 75%;
   padding-top: 20px 0;
}
.business4-0-2 .image7 h2 {
   font-size: 5rem;
   border-bottom: solid 1px #F39800;
   line-height: 1;
   color: #F39800;
   font-family: "Bebas Neue", sans-serif;
   font-weight: 400;
   font-style: normal;
}
.business4-0-2 .image7 h4 {
   font-size: 1.1rem;
   color: #F39800;
   padding-left: 2px;
   font-family: "Bebas Neue", sans-serif;
   font-weight: 400;
   font-style: normal;
}
.business4-0-2 .merit2 .row .text1-2 {
   width:70%;
   padding: 10px 0;
}
.business4-0-2 .merit2 h3 {
   font-size: 1.3rem;
   color: #F39800;
   padding-bottom: 10px;
   font-weight: 700;
}
.business4-0-2 .merit2 p {
   font-size: 1rem;
   line-height: 1.5;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:1024px) {
   .business4-0-2 .merit2 {
      padding-bottom: 60px;
   }
}
@media screen and (max-width:600px) {
   .business4-0-2 .image7 {
      width: 85%;
   }
   .business4-0-2 .merit2 .row .text1-2 {
      width:85%;
   }
   .business4-0-2 .merit2 .row {
      margin-left: 12%;
   }
   .business4-0-2 .merit2 h3 {
      font-size: 1.2rem;
   }
}
@media screen and (max-width:480px) {
   .business4-0-2 .merit2 {
      padding-bottom: 15px;
   }
   .business4-0-2 .merit2 .row {
      margin-left: 8%;
   }
   .business4-0-2 .image7 {
      width: 90%;
   }
   .business4-0-2 .merit2 .row .text1-2 {
      width:92%;
   }
   .business4-0-2 .merit2 h3 {
      font-size: 0.9rem;
      font-weight: 700;
   }
   .business4-0-2 .merit2 p {
      font-size: 0.9rem;
   }
}
/* -------ここまで-------- */



/* こんな企業におすすめします */
.business5  {
   background-color: #fff;
}
.business5 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   padding: 50px 0 150px 0;
}
.business5 h2 {
   font-size: 1.4rem;
   font-weight: 700;
   line-height: 2.5;
   width: 60%;
   margin-left: 20%;
   text-align: center;
   color: #fff;
   background-color: #F39800;
}
.business5 img {
   width: 60%;
   height: auto;
   margin-top: 40px;
   margin-left: 19%;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:1024px) {
   .business5 .container {
      padding: 50px 0 90px 0;
   }
}
@media screen and (max-width:540px) {
   .business5 h2 {
      width: 90%;
      font-size: 1rem;
      font-weight: 700;
      margin-left: 5%;
   }
   .business5 img {
      width: 90%;
      height: auto;
      margin-left: 5%;
   }
}
@media screen and (max-width:480px) {
   .business5 .container {
      padding: 30px 0 10px 0;
   }
   .business5 h2 {
      font-size: 0.9rem;
      font-weight: 700;
      text-align: center;
      width: 100%;
      margin: auto;
      line-height: 3;
   }
   .business5 img {
      width: 100%;
      height: auto;
      margin-left: 0;
   }
}
/* -------ここまで-------- */



/* 技能実習生と直接雇用の違い・画像*/
.business6 {
   background-color: #fff;
   padding-top: 50px;
}
.business6 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   border-bottom: #bbb solid 1px;
}
.business6 img {
   width: 65%;
   margin-left: 17.5%;
   margin-bottom: 200px;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:1024px) {
   .business6 p {
      padding-left: 280px;
   }
   .business6 img {
      margin-left: 17%;
   }
}
@media screen and (max-width:980px) {
   .business6 img {
      margin-left: 19%;
   }
}
@media screen and (max-width:768px) {
   .business6 img {
      margin-left: 18%;
   }
}
@media screen and (max-width:600px) {
   .business6 img {
      width: 90%;
      margin-left: 5%;
   }
}
@media screen and (max-width:480px) {
   .business6 {
      padding-top: 40px;
   }
   .business6 img {
      padding-top: 50px;
      margin-left: 0;
      width: 100%;
      margin-bottom: 80px;
   }
}
/* -------ここまで-------- */



/* アフターフォロー */
.business6-1 {
   background-color: #F39800;
   padding: 40px 0;
}
.business6-1 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.business6-1 h2 {
   font-size: 1.8rem;
   font-weight: 700;
   text-align: center;
   margin: auto;
   color: #fff;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:480px) {
   .business6-1 {
      padding: 10px 0;
   }
   .business6-1 h2 {
      font-size: 1.2rem;
   }
}
/* -------ここまで-------- */



/* アフターフォロー 説明文*/
.business7 {
   background-color: #fff;
   padding: 70px 0 150px 0;
}
.business7 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.business7 .col {
   display: flex;
   justify-content: space-between;
}
.business7 .row {
   width: 50%;
}
.business7 .no img {
   width: 20%;
   height: auto;
   margin-left: 35%;
   margin-top: 20px;
}
.business7 .row p {
   font-size: 1rem;
   line-height: 1.5;
   margin-top: 50px;
   margin-left: -33%;
   width: 100%;
}
/* -------ここまで------

/* レスポンシブ */
@media screen and (max-width:960px) {
   .business7 .row p {
      margin-top: 32px;
      margin-left: -28%;
   }
}
@media screen and (max-width:868px) {
   .business7 .row p {
      margin-top: 40px;
      margin-left: -28%;
   }
   .business7 .no img {
      width: 90px;
      height: auto;
      margin-left: 35%;
      margin-top: 25px;
   }
}
@media screen and (max-width:600px) {
   .business7 .col {
      flex-wrap: wrap;
   }
   .business7 .row {
      width: 100%;
   }
   .business7 .no img {
      width: 30%;
      height: auto; 
      margin-left: 35%;
      margin-top: 30px;
   }
   .business7 .row p {
      text-align: left;
      margin: auto;
      width: 80%;
      padding-top: 40px;
   }
}
@media screen and (max-width:480px) {
   .business7 {
      padding: 70px 0 90px 0;
   }
   .business7 .no img {
      width: 40%;
      height: auto;
      margin-left: 30%;
      margin-top: 30px;
   }
   .business7 .row p {
      padding-top: 20px;
   }
}

/* -------ここまで-------- */
/*-----------事業内容ページここまで------------*/





/*-----------人材育成ページここから------------*/
  /* 人材育成・ＴＯＰ*/
.human1 {
   background-color: #F39800;
}
.human1 .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   height: 800px;
}
.human1 img {
   width: 20%;
   height: auto;
   margin:  0 auto;
   padding-top: 100px;
   margin-left: 40%;
}
.human1 h2 {
   width: 90%;
   margin:  0 auto;
   padding-top: 100px;
   color: #fff;
   font-size: 3rem;
   font-weight: bold;
   text-align: center;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:1024px) {
   .human1 .container{
      height: 700px;
   }
}
@media screen and (max-width:960px) {
   .human1 img {
      margin-top: 50px;
   }
}
@media screen and (max-width:768px) {
   .human1 .container{
      height: 600px;
   }
   .human1 img {
      padding-top: 60px;
   }
   .human1 h2 {
      width: 70%;
      padding-top: 60px;
      font-size: 2.4rem;
   }
}
@media screen and (max-width:680px) {
   .human1 img {
      padding-top: 50px;
   }
   .human1 h2 {
      padding-top: 30px;
      font-size: 2rem;
   }
   .human1 .container{
      height: 420px;
   }
}
@media screen and (max-width:480px) {
   .human1 h2 {
      padding-top: 10px;
      font-size: 1.5rem;
   }
   .human1 .container{
      height: 350px;
   }
}
/* -------ここまで-------- */



/* 会社側メリット・ベトナム人の特長 */
.human1-1 {
   background-color: #F39800;
}
.human1-1 .container {
   width: 70%;
   margin: 0 auto;
   max-width: 960px;
}
.human1-1 .container img {
   width: 100%;
   height: auto;
   margin: 0 auto;
}
/* -------ここまで-------- */



/* -------企業側メリット・ベトナム人特長------- */
.human2 {
   background-color: #F39800;
}
.human2 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.human2 .col {
   padding-top: 200px;
   padding-bottom: 200px;
   justify-content: space-around;
   display: flex;
   color: #fff;
}
.human2 .row {
   width: 45%;
}
.human2 .row .human2-1 {
   padding-left: 20%;
}
.human2 .row .human2-2 {
   padding-left: 10%;
}
.human2 h3 {
   color: #fff;
   font-weight: 700;
   padding-left: 0;
   margin-bottom: 5px;
   font-size: 1.6rem; 
   padding-bottom: 5px;
   border-bottom: solid 2px #fff;
   width: 340px; 
   text-align: left;
}
.human2 p {
   font-size: 1.5rem;
   color: #fff;
   line-height: 2;
   padding-left: 0;
   text-align: left;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:1024px) {
   .human2 .col {
      padding-top: 100px;
      padding-bottom: 100px;
   }
   .human2 h3 {
      font-size: 1.5rem; 
      border-bottom: solid 2px #fff;
      width: 270px; 
   }
   .human2 p {
      font-size: 1.3rem;
   }
}
@media screen and (max-width:980px) {
   .human2 h3 {
      border-bottom: solid 2px #fff;
      width: 270px; 
   }
   .human2 p {
      font-size: 1.1rem;
   }
}
@media screen and (max-width:768px) {
   .human2 h3 {
      margin-bottom: 5px;
      font-size: 1.2rem; 
      border-bottom: solid 2px #fff;
      width: 200px;
   }
   .human2 .col {
      padding-top: 100px;
      padding-bottom: 80px;
   }
   .human2 p {
      font-size: 1rem;
      color: #fff;
      line-height: 2;
   }
}
@media screen and (max-width:600px) {
   .human2 h3 {
      border-bottom: solid 2px #fff;
   }
    .human2 .col {
      padding-top: 20px;
      flex-wrap: wrap;
      padding-bottom: 40px;
   }
   .human2  .row {
      width: 100%;
      margin: auto;
      padding: 35px 0 30px 0;
   }
   .human2 p {
      font-size: 0.8rem;
      line-height: 1.5;
   }
   .human2 .row .human2-1 {
      padding-left: 30%;
   }
   .human2 .row .human2-2 {
      padding-left: 30%;
   }
}
@media screen and (max-width:480px) {
   .human2 .row .human2-1 {
      padding-left: 24%;
   }
   .human2 .row .human2-2 {
      padding-left: 24%;
   }
}
@media screen and (max-width:390px) {
   .human2 h3 {
      border-bottom: solid 2px #fff;
      width: 160px; 
   }
   .human2 .row .human2-1 {
      padding-left: 27%;
   }
   .human2 .row .human2-2 {
      padding-left: 27%;
   }
}
/* -------ここまで-------- */



/* こんな企業におすすめします */
.human3  {
   background-color: #fff;
}
.human3 .container {
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
   padding: 150px 0 150px 0;
}
.human3 h2 {
   font-size: 1.4rem;
   font-weight: 700;
   line-height: 2.5;
   width: 60%;
   margin-left: 20%;
   text-align: center;
   color: #fff;
   background-color: #F39800;
}
.human3 img {
   width: 60%;
   height: auto;
   margin-top: 40px;
   margin-left: 19%;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:600px) {
   .human3 .container {
      padding: 80px 0 70px 0 ;
   }
   .human3 h2 {
      font-size: 0.9rem;
      font-weight: 700;
      text-align: center;
      width: 80%;
      margin: auto;
      line-height: 3;
   }
   .human3 img {
      width: 80%;
      height: auto;
      margin-left: 10%;
   }
}
/* -------ここまで-------- */



/* 弊社がご紹介する人材の特徴 */
.human4 {
   background-color: #fff;
   border-top: #bbb solid 1px;
   width: 80%;
   margin: 0 auto;
   padding: 150px 0;
}
.human4 .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.human4 h2 {
   font-size: 1.4rem;
   font-weight: 700;
   line-height: 2.5;
   text-align: center;
   color: #fff;
   background-color: #F39800;
   margin-left: 17%;
   margin-bottom: 50px;
   width: 65%;
}
.human4 .human4-1 img {
   width: 20%;
   margin-top: 30px;
   margin-left: 40%;
}
.human4 .human4-2 img {
   width: 20%;
   height: auto;
   margin-top: 50px;
   margin-left: 40%;
}
.human4 .human4-3 img {
   width: 20%;
   height: auto;
   margin-top: 50px;
   margin-left: 40%;
}
.human4 h3 {
   font-size: 1.1rem;
   line-height: 1.5;
   width: 100%;
   text-align: center;
   color: #000;
   padding-top: 30px;
}
.human4 h4 {
   font-size: 1.1rem;
   line-height: 1.5;
   width: 100%;
   text-align: center;
   color: #000;
   padding-top: 30px;
}
.human4 h5 {
   font-size: 1.1rem;
   line-height: 1.5;
   width: 100%;
   text-align: center;
   color: #000;
   padding-top: 30px;
}
.human4 h6 {
   font-size: 1.3rem;
   font-weight: 700;
   line-height: 1.5;
   width: 90%;
   color: #F39800;
   padding-top: 70px;
   padding-left: 21%;
}
.human4 p {
   font-size: 1.1rem;
   line-height: 1.5;
   width: 80%;
   padding-left: 21%;
   padding-top: 10px;
   color: #000;
}
/* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:1024px) {
   .human4 h2 {
      width: 75%;
      margin-left: 13%;
      margin-bottom: 15px;
   }
   .human4 h6 {
      font-size: 1.1rem;
      width: 100%;
      padding-left: 20%;
   }
   .human4 p {
      font-size: 0.9rem;
      padding-left: 20%;
   }
}
@media screen and (max-width:868px) {
   .human4 h6 {
      font-size: 1rem;
      padding-left: 15%;
   }
   .human4 .human4-1 img {
      width: 30%;
      margin-top: 30px;
      margin-left: 35%;
   }
   .human4 .human4-2 img {
      width: 30%;
      height: auto;
      margin-top: 50px;
      margin-left: 35%;
   }
   .human4 .human4-3 img {
      width: 30%;
      height: auto;
      margin-top: 50px;
      margin-left: 35%;
   }
}
@media screen and (max-width:768px) {
   .human4 h2 {
      font-size: 0.9rem;
      width: 75%;
      margin-left: 13%;
      margin-bottom: 15px;
   }
   .human4 h3 {
      margin-left: 2%;
   }
   .human4 h4 {
      margin-left: 2%;
   }
   .human4 h5 {
      margin-left: 2%;
   }
   .human4 h6 {
      font-size: 1rem;
      padding-left: 13%;
   }
   .human4 p {
      font-size: 0.9rem;
      width: 88%;
      padding-left: 14%;
   }
}
@media screen and (max-width:600px) {
   .human4 {
      padding: 100px 0 100px 0;
   }
   .human4 h2 {
      width: 100%;
      margin-left: 0;
      margin-bottom: 15px;
      line-height: 3;
   }
   .human4 h3 {
      width: 85%;
      text-align: left;
      padding-left: 23%;
   }
   .human4 h4 {
      width: 85%;
      text-align: left;
      padding-left: 23%;
   }
   .human4 h5 {
      width: 85%;
      text-align: left;
      padding-left: 23%;
   }
   .human4 h6 {
      width: 85%;
      text-align: left;
      padding-left: 23%;
   }
   .human4 p {
      font-size: 0.9rem;
      width: 88%;
      padding-left: 13%;
   }
}
@media screen and (max-width:480px) {
   .human4 {
      padding: 30px 0 80px 0;
   }
   .human4 .human4-1 img {
      width: 40%;
      margin-top: 50px;
      margin-left: 30%;
   }
   .human4 .human4-2 img {
      width: 40%;
      height: auto;
      margin-top: 50px;
      margin-left: 30%;
   }
   .human4 .human4-3 img {
      width: 40%;
      height: auto;
      margin-top: 50px;
      margin-left: 30%;
   }
   .human4 h2 {
      font-size: 0.9rem;
      width: 100%;
      line-height: 3;
      margin-top: 50px;
      margin-left: 0;
      margin-bottom: 0px;
   }
   .human4 h3 {
      font-size: 0.8rem;
      margin-left: 0%;
      padding-top: 15px;
      width: 80%;
   }
   .human4 h4 {
      font-size: 0.8rem;
      margin-left: 0%;
      padding-top: 15px;
      width: 80%;
   }
   .human4 h5 {
      font-size: 0.8rem;
      margin-left: 0%;
      width: 80%;
      padding-top: 15px;
   }
   .human4 h6 {
      font-size: 1.1rem;
      padding-top: 40px;
      padding-left: 0;
      margin-left: 0%;
      width: 100%;
   }
   .human4 p {
      font-size: 0.8rem;
      padding-left:15%;
      padding-left: 0;
      padding-top: 30px;
      width: 100%;
   }
}
@media screen and (max-width:400px) {
   .human4 h3 {
      width: 100%;
      margin-left: -8%;
   }
   .human4 h4 {
      margin-left: -8%;
      width: 100%;
   }
   .human4 h5 {
      margin-left: -8%;
      width: 100%;
   }
}
/* -------ここまで-------- */



/* スライドショー */
@keyframes infinity-scroll-left {
   from {
     transform: translateX(0);
   }
     to {
     transform: translateX(-100%);
   }
} 
.scroll-infinity__wrap {
   display: flex;
   overflow: hidden;
}
.scroll-infinity__list {
   display: flex;
   list-style: none;
   padding: 0;
}
.scroll-infinity__list--left {
   animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
   width: calc(100vw / 6);
}
.scroll-infinity__item>img {
   width: 100%;
}
/* -------ここまで-------- */
 /*-----------人材育成ページここまで------------*/





 /*--------個人情報保護方針ページここから--------*/
 /* 個人情報保護方針 */
.kozin1 {
   background-color: #fff;
   justify-content: center; 
   margin-left: 15%;
}
.kozin1 .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.kozin1 h2 {
   margin-top: 50px;
   padding: 8px 0;
   width: 80%;
   font-size: 1.5rem;
   color: #000000;
   border-bottom:solid 2px #002300;
}
.kozin1 p {
   font-size: 1rem;
   color: #000000;
   line-height: 2.5;
   margin-top: 10px;
   width: 80%;
}
 /* -------ここまで-------- */



 /* レスポンシブ */
@media screen and (max-width:960px) {
   .kozin1 h2 {
      font-size: 1.3rem;
   }
   .kozin1 p {
      font-size: 0.9rem;
   }
}
@media screen and (max-width:768px) {

   .kozin1 h2 {
      font-size: 1.2rem;
   }
   .kozin1 p {
      font-size: 0.8rem;
      line-height: 2;
   }
}
@media screen and (max-width:650px) {
   .kozin1 h2 {
      font-size: 0.9rem;
   }
   .kozin1 p {
      font-size: 0.7rem;
   }
}
  /* -------ここまで-------- */



 /* 個人情報の取り扱いについて */
.kozin2 {
   background-color: #fff;
   justify-content: center; 
   margin-left: 15%;
}
.kozin2 .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.kozin2 h2 {
   margin-top: 25px;
   padding: 8px 0;
   width: 80%;
   font-size: 1.4rem;
   color: #000000;
   border-bottom:solid 2px #002300;
}
.kozin2 p {
   font-size: 1rem;
   color: #000000;
   line-height: 2.5;
   margin-top: 10px;
   width: 80%;
}
  /* -------ここまで-------- */



/* レスポンシブ */
@media screen and (max-width:960px) {
   .kozin2 h2 {
      font-size: 1.3rem;
   }
   .kozin2 p {
      font-size: 0.9rem;
   }
}
@media screen and (max-width:768px) {
   .kozin2 h2 {
      font-size: 1.2rem;
   }
   .kozin2 p {
      font-size: 0.8rem;
      line-height: 2;
   }
}
@media screen and (max-width:650px) {
   .kozin2 h2 {
      font-size: 0.9rem;
   }
   .kozin2 p {
      font-size: 0.7rem;
   }
}
 /* -------ここまで-------- */



 /* 個人情報の保護に関する法令・規範の遵守について */
.kozin3 {
   background-color: #fff;
   justify-content: center; 
   margin-left: 15%;
}
.kozin3 .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.kozin3 h2 {
   margin-top: 1.5rem;
   padding: 8px 0;
   width: 80%;
   font-size: 1.4rem;
   color: #000000;
   border-bottom:solid 2px #002300;
}
.kozin3 p {
   font-size: 1rem;
   color: #000000;
   line-height: 2.5;
   margin-top: 10px;
   width: 80%;
}
  /* -------ここまで-------- */



  /* レスポンシブ */
@media screen and (max-width:960px) {
   .kozin3 h2 {
      font-size: 1.3rem;
   }
   .kozin3 p {
      font-size: 0.9rem;
   }
}
@media screen and (max-width:768px) {
   .kozin3 h2 {
      font-size: 1.2rem;
   }
   .kozin3 p {
      font-size: 0.8rem;
      line-height: 2;
   }
}
@media screen and (max-width:650px) {
   .kozin3 h2 {
      font-size: 0.9rem;
   }
   .kozin3 p {
      font-size: 0.7rem;
   }
}
  /* -------ここまで-------- */




 /* 個人情報の安全管理措置について */
.kozin4 {
   background-color: #fff;
   justify-content: center; 
   margin-left: 15%;
}
.kozin4 .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.kozin4 h2 {
   margin-top: 25px;
   padding: 8px 0;
   width: 80%;
   font-size: 1.4rem;
   color: #000000;
   border-bottom:solid 2px #002300;
}
.kozin4 p {
   font-size: 1rem;
   color: #000000;
   line-height: 2.5;
   margin-top: 10px;
   width: 80%;
}
 /* -------ここまで-------- */



 /* レスポンシブ */
@media screen and (max-width:960px) {
   .kozin4 h2 {
      font-size: 1.3rem;
   }
   .kozin4 p {
      font-size: 0.9rem;
   }
}
@media screen and (max-width:768px) {
   .kozin4 h2 {
      font-size: 1.2rem;
   }
   .kozin4 p {
      font-size: 0.8rem;
      line-height: 2;
   }
}
@media screen and (max-width:650px) {
   .kozin4 h2 {
      font-size: 0.9rem;
   }
   .kozin4 p {
      font-size: 0.7rem;
   }
}
  /* -------ここまで-------- */



 /* 継続的な改善について */
.kozin5 {
   background-color: #fff;
   justify-content: center; 
   margin-left: 15%;
}
.kozin5 .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.kozin5 h2 {
   margin-top: 25px;
   padding: 8px 0;
   width: 80%;
   font-size: 1.4rem;
   color: #000000;
   border-bottom:solid 2px #002300;
}
.kozin5 p {
   font-size: 1rem;
   color: #000000;
   line-height: 2.5;
   margin-top: 10px;
   width: 80%;
}
  /* -------ここまで-------- */



  /* レスポンシブ */
@media screen and (max-width:960px) {
   .kozin5 h2 {
      font-size: 1.3rem;
   }
   .kozin5 p {
      font-size: 0.9rem;
   }
}
@media screen and (max-width:768px) {
   .kozin5 h2 {
      font-size: 1.2rem;
   }
   .kozin5 p {
      font-size: 0.8rem;
      line-height: 2;
   }
}
@media screen and (max-width:650px) {
   .kozin5 h2 {
      font-size: 0.9rem;
   }
   .kozin5 p {
      font-size: 0.7rem;
   }
}
 /* -------ここまで-------- */



 /* お問い合わせ */
.kozin6 {
   background-color: #fff;
   justify-content: center; 
   margin-left: 15%;
}
.kozin6 .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.kozin6 h2 {
   margin-top: 25px;
   padding: 8px 0;
   width: 80%;
   font-size: 1.4rem;
   color: #000000;
   border-bottom:solid 2px #002300;
}
.kozin6 p {
   font-size: 1rem;
   color: #000000;
   line-height: 2.5;
   margin-bottom: 30px;
   margin-top: 10px;
   width: 80%;
}
 /* -------ここまで-------- */



 /* レスポンシブ */
@media screen and (max-width:960px) {
   .kozin6 h2 {
      font-size: 1.3rem;
   }
   .kozin6 p {
      font-size: 0.9rem;
   }
}
@media screen and (max-width:768px) {
   .kozin6 h2 {
      font-size: 1.2rem;
   }
   .kozin6 p {
      font-size: 0.8rem;
      line-height: 2;
   }
}
@media screen and (max-width:650px) {
   .kozin6 h2 {
      font-size: 0.9rem;
   }
   .kozin6 p {
      font-size: 0.7rem;
      width: 82%;
   }
}
 /* -------ここまで-------- */
 /*--------個人情報保護方針ページここまで--------*/





 /*--------サイトポリシーページここから--------*/
  /* 著作権について */
.saito1 {
   background-color: #fff;
   justify-content: center;  
   margin-left: 15%;
}
.saito1 .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.saito1 h2 {
   margin-top: 50px;
   padding: 8px 0;
   width: 80%;
   font-size: 1.4rem;
   color: #000000;
   border-bottom:solid 2px #002300;
}
.saito1 p {
   font-size: 1rem;
   color: #000000;
   line-height: 2.5;
   margin-top: 10px;
   width: 80%;
}
 /* -------ここまで-------- */



 /* レスポンシブ */
@media screen and (max-width:960px) {
   .saito1 h2 {
      font-size: 1.3rem;
   }
   .saito1 p {
      font-size: 0.9rem;
   }
}
@media screen and (max-width:768px) {
   .saito1 h2 {
      font-size: 1.2rem;
   }
   .saito1 p {
      font-size: 0.8rem;
      line-height: 2;
   }
}
@media screen and (max-width:650px) {
   .saito1 h2 {
      font-size: 0.9rem;
   }
   .saito1 p {
      font-size: 0.7rem;
   }
}
 /* -------ここまで-------- */



 /* 免責事項 */
.saito2 {
   background-color: #fff;
   justify-content: center;  
   margin-left: 15%;
}
.saito2 .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.saito2 h2 {
   margin-top: 25px;
   padding: 8px 0;
   width: 80%;
   font-size: 1.4rem;
   color: #000000;
   border-bottom:solid 2px #002300;
}
.saito2 p {
   font-size: 1rem;
   color: #000000;
   line-height: 2.5;
   margin-top: 10px;
   width: 80%;
}
 /* -------ここまで-------- */



 /* レスポンシブ */
@media screen and (max-width:960px) {
   .saito2 h2 {
      font-size: 1.3rem;
   }
   .saito2 p {
      font-size: 0.9rem;
   }
}
@media screen and (max-width:768px) {
   .saito2 h2 {
      font-size: 1.2rem;
   }
   .saito2 p {
      font-size: 0.8rem;
      line-height: 2;
   }
}
@media screen and (max-width:650px) {
   .saito2 h2 {
      font-size: 0.9rem;
   }
   .saito2 p {
      font-size: 0.7rem;
   }
}
 /* -------ここまで-------- */



 /* リンクについて */
.saito3 {
   background-color: #fff;
   justify-content: center;  
   margin-left: 15%;
}
.saito3 .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.saito3 h2 {
   margin-top: 25px;
   padding: 8px 0;
   width: 80%;
   font-size: 1.4rem;
   color: #000000;
   border-bottom:solid 2px #002300;
}
.saito3 p {
   font-size: 1rem;
   color: #000000;
   line-height: 2.5;
   margin-top: 10px;
   width: 80%;
}
 /* -------ここまで-------- */



 /* レスポンシブ */
@media screen and (max-width:960px) {
   .saito3 h2 {
      font-size: 1.3rem;
   }
   .saito3 p {
      font-size: 0.9rem;
   }
}
@media screen and (max-width:768px) {
   .saito3 h2 {
      font-size: 1.2rem;
   }
   .saito3 p {
      font-size: 0.8rem;
      line-height: 2;
   }
}
@media screen and (max-width:650px) {
   .saito3 h2 {
      font-size: 0.9rem;
   }
   .saito3 p {
      font-size: 0.7rem;
   }
}
 /* -------ここまで-------- */



/* その他 */
.saito4 {
   background-color: #fff;
   justify-content: center;  
   margin-left: 15%;
   height: 200px;
}
.saito4 .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.saito4 h2 {
   margin-top: 25px;
   padding: 8px 0;
   width: 80%;
   font-size: 1.4rem;
   color: #000000;
   border-bottom:solid 2px #002300;
}
.saito4 p {
   font-size: 1rem;
   color: #000000;
   line-height: 2.5;
   margin-top: 10px;
   width: 80%;
}
 /* -------ここまで-------- */



 /* レスポンシブ */
@media screen and (max-width:960px) {
   .saito4 h2 {
      font-size: 1.3rem;
   }
   .saito4 p {
      font-size: 0.9rem;
   }
}
@media screen and (max-width:768px) {
   .saito4 h2 {
      font-size: 1.2rem;
   }
   .saito4 p {
      font-size: 0.8rem;
      line-height: 2;
   }
}
@media screen and (max-width:650px) {
   .saito4 h2 {
      font-size: 0.9rem;
   }
   .saito4 p {
      font-size: 0.7rem;
   }
}
 /* -------ここまで-------- */
 /*--------サイトポリシーページここまで--------*/





 /*--------お問い合わせページここから--------*/
/* コンタクト */
.contact {
   background-color: #fff;
   text-align: center;
}
.contact  .container{
   width: 100%;
   margin: 0 auto;
   max-width: 960px;
   padding: 100px 0px 120px 0px;
   
}
.contact p {
   font-size: 1rem;
   line-height: 2;
   color: #000;
   text-align: start;
   padding-left: 30%;
}
.contact img {
   width: 40%;
   height: auto;
}
 /* -------ここまで-------- */



 /* レスポンシブ */
@media screen and (max-width:860px) {
   .contact img {
      width: 45%;
      height: auto;
   }
   .contact p {
      padding-left: 28%;
   }
}
@media screen and (max-width:768px) {
   .contact img {
      width: 50%;
      height: auto;
   }
   .contact p {
      padding-left: 26%;
   }
}
@media screen and (max-width:600px) {
   .contact img {
      width: 70%;
      height: auto;
   }
   .contact p {
      padding-left: 17%;
   }

}
@media screen and (max-width:480px) {
   .contact img {
      width: 80%;
      height: auto;
   }
   .contact p {
      width: 95%;
      padding-left: 10%;
      font-size: 0.9rem;
   }
}
@media screen and (max-width:360px) {
   .contact img {
      width: 85%;
      height: auto;
   }
   .contact p {
      width: 95%;
      padding-left: 9%;
      font-size: 0.8rem;
   }
}
 /* -------ここまで-------- */
 /*--------お問い合わせページここまで--------*/





 /*--------サイトマップページここから--------*/
 /*サイトマップ */
.sitemap1 {
   background-color: #fff;
}
.sitemap1  .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.sitemap1 .siteimage {
   text-align: center;
}
.sitemap1 .siteimage img {
   width: 380px;
   height: auto;
   padding: 80px 0px 0px 0px;
}
.sitemap2 {
   background-color: #fff;
}
.sitemap2  .container{
   width: 90%;
   margin: 0 auto;
   max-width: 960px;
}
.sitemap2 .col {
   display: flex;
   justify-content: space-between;
   width: 40%;
   padding-left: 29%;
   padding-bottom: 100px;
}
.sitemap2 .btn {
   color: #000;
   font-size: 0.9rem;
   border: solid 1px #000; 
   border-radius: 100px;
   display: inline-block;
   width: 180px;
   line-height: 45px;
   text-align: center;
   transition: .2s;
   margin: 10px;
}
.sitemap2 .btn:hover {
   color: #F39800;
   border: solid 2px #F39800;
   transition: .2s;
}
  /* -------ここまで-------- */



/*レスポンシブ*/
@media screen and (max-width:960px) {
   .sitemap2 .col {
      padding-left: 26%;
   }
}
@media screen and (max-width:860px) {
   .sitemap2 .col {
      padding-left: 23%;
   }
}
@media screen and (max-width:768px) {
   .sitemap2 .col {
      padding-left: 21%;
   }
}
@media screen and (max-width:600px) {
   .sitemap2 .col {
      padding-left: 9%;
   }
}
@media screen and (max-width:480px) {
   .sitemap1 .siteimage img {
      width: 80%;
      height: auto;
   }
   .sitemap2 .col {
      flex-wrap: wrap;
      padding-left: 15%;
   }
   .sitemap2 .btn {
      width: 250px;
      line-height: 45px;
      text-align: center;
      transition: .2s;
      margin: 10px;
   }
}
@media screen and (max-width:390px) {
   .sitemap2 .col {
      padding-left:11%;
   }
}
@media screen and (max-width:360px) {
   .sitemap2 .col {
      padding-left:9%;
   }
}
@media screen and (max-width:350px) {
   .sitemap2 .col {
      padding-left:7%;
   }
}

/* -------ここまで-------- */
 /*--------サイトマップページここまで--------*/