@charset "UTF-8";
@media screen and (min-width: 768px), print { .move-btn a { display: block; width: 480px; margin: 0 auto; height: 80px; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); border-radius: 40px; border: 1px solid #1a1a1a; background-color: #ffffff; color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 18px; font-weight: 700; letter-spacing: 1.8px; line-height: normal; text-align: center; padding-top: 25px; position: relative; }
  .move-btn a::after { content: url(../images/index/c-bar.svg); position: absolute; display: inline-block; right: -28px; top: 17px; -webkit-transition: .3s ease-out; transition: .3s ease-out; }
  .move-btn a:hover::after { right: 0px; -webkit-transition: .3s ease-out; transition: .3s ease-out; }
  header { margin-bottom: 1.563vw; }
  /* 3枚表示のbxslider -------------------------------------*/
  .mv-box { max-width: 100vw; width: 100%; margin: 0 auto; }
  .mv-box img { width: 100%; }
  .mv-box .mv-rel { height: 48.438vw; position: relative; }
  .mv-box .mv-rel .mv-ttl { position: absolute; left: 5.729vw; top: 4.396vw; width: 30.312vw; }
  .mv-box .mv-rel .in-rel-box { padding-top: 27.448vw; padding-left: 3.49vw; position: relative; /*============================ #move-img-list ============================*/ }
  .mv-box .mv-rel .in-rel-box .en { width: 30.208vw; }
  .mv-box .mv-rel .in-rel-box .bx-wrapper { width: 31.563vw !important; margin: 0; top: -3.802vw; left: 2.917vw; }
  .mv-box .mv-rel .in-rel-box .mv-bg-box { position: absolute; right: 0; top: 0; background-image: url(../images/index/mv.jpg); background-repeat: no-repeat; background-position: center 0; background-size: cover; width: 58.333vw; height: 48.438vw; z-index: 10; }
  .mv-box .mv-rel .in-rel-box .kigyou-list { position: absolute; 
    right: 60vw;
    top: 42.708vw; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; 
  
  }
  .mv-box .mv-rel .in-rel-box .kigyou-list li { width: 80px; margin-right: 0.208vw; }
  .mv-box .mv-rel .in-rel-box .kigyou-list li:last-child { margin-right: 0; }
  @-webkit-keyframes GradationMove { 0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; } }
  @keyframes GradationMove { 0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; } }
  .bg-move-rel-wap { max-width: 100vw; width: 100%; margin: 0 auto; }
  .bg-move-rel { width: 87.656vw; height: 18.75vw; position: relative; -webkit-animation: GradationMove 3s ease-in-out alternate infinite; animation: GradationMove 3s ease-in-out alternate infinite; background-image: linear-gradient(135deg, #00a0e9 0%, #004ea2 100%); background-size: 150% 150%; }
  .bg-move-rel .line { position: absolute; left: 2.24vw; top: -3.594vw; }
  .bg-move-rel .bg-move-rel-list { color: #ffffff; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 0.833vw; font-weight: 400; letter-spacing: 0.083vw; line-height: normal; text-transform: uppercase; padding-left: 0.99vw; padding-top: 5.156vw; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .bg-move-rel .bg-move-rel-list li a { padding: 0 1.354vw; background-image: url(../images/index/nav-line.svg); background-repeat: no-repeat; background-position: 0px 0.26vw; }

  .bg-move-rel .bg-move-rel-list li.suke{
    text-transform: none;
  }

  .bg-move-rel .bg-move-rel-list li:nth-child(1) a { background-image: none; }
  .bg-move-rel .bg-move-rel-list a { color: #fff; }
  @keyframes GradationMove { 0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; } }
  .bg-move-rel-wap { width: 100%; position: relative; top: -2.604vw; }

  #youtube-list .youtube-list_img { text-align: center; margin-bottom: 10px; }
  #youtube-list { margin-bottom: 120px; }
  #youtube-list { padding: 100px 0 40px; }
  #youtube-list { background-color: #EFEFEF; }
  #youtube-list h2 { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 30px; font-weight: bold; text-align: center; color: #000; margin-bottom: 30px; }
  #youtube-list h2 { line-height: 37px; text-align: center; margin-bottom: 32px; }
  #youtube-list h2 .small { font-size: 25px; font-weight: bold; line-height: 51px; letter-spacing: 0.125px; }
  #youtube-list h2 .big { font-size: 38px; font-weight: bold; line-height: 51px; letter-spacing: 0.19px; }
  #youtube-list .slider-3mai-Box1 { width: 1040px; margin: 0 auto 80px; }
  #youtube-list .slider-3mai-Box1 li { width: 344px !important; /* padding: 0 20px; */ position: relative; /* margin: 0 20px; */ }
  #youtube-list .slider-3mai-Box1 li .text { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 14px; font-weight: bold; line-height: 24px; margin-top: 12px; padding: 0 20px; }
  /* #youtube-list .slider-3mai-Box1 li .text::after { content: ''; width: 119px; height: 52px; background-image: url(../images/index/yt-icon.png); display: inline-block; position: absolute; right: 2px; top: 169px; z-index: 99; } */
  #youtube-list .slider-3mai-Box1 .bx-prev { top: 73px; left: -77px; width: 80px; height: 80px; }
  #youtube-list .slider-3mai-Box1 .bx-next { top: 68px; right: -70px; width: 80px; height: 80px; }
  #youtube-list .bx-wrapper .bx-prev { background: url(../images/bxslider/controls-left.png) no-repeat; }
  #youtube-list .bx-wrapper .bx-next { background: url(../images/bxslider/controls-right.png) no-repeat; }
  #youtube-list .bx-wrapper .bx-next:hover { background-position: 0px 0px; }
  #youtube-list .bx-wrapper .bx-prev:hover { background-position: 0px 0px; }
  #youtube-list .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -40px; left: 535px; }
  #youtube-list .bx-wrapper .bx-pager.bx-default-pager a { background: #D5D5D5; border-radius: 0px; } 


  /*============================ #box-01 ============================*/
  #box-01 { width: 82.813vw; margin-left: 4.844vw; position: relative; top: -10.91vw; margin-bottom: -27px; }
  #box-01 .inner { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }

  #box-01 .inner .ttl{
    background-color: #e6e6e6;
    background-image: url(../images/index/news-line.svg); background-repeat: no-repeat; background-position: right center; 
    min-height: 8.333vw; background-color: #e6e6e6; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    text-align: center;
    width: 12.5vw; 
    color: #1a1a1a; font-family: 'Montserrat', sans-serif; font-size: 0.938vw; font-weight: 500; letter-spacing: 0.094vw; 
  }




  #box-01 .inner .list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #box-01 .inner .list li { width: 23.438vw; background-color: #ffffff; border-right: 1px dotted #7e7e7e; }
  #box-01 .inner .list li a { padding: 1.927vw 3.125vw 1.042vw 3.125vw; display: block; }
  #box-01 .inner .list li:last-child { border-right: none; }
  #box-01 .inner .list .date { color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 0.729vw; font-weight: 400; letter-spacing: 0.073vw; margin-bottom: 0.677vw; }
  .side-fix { display: none; }
  #box-01 { font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; }

  #box-01 .inner .list .sy-date { color: #1a1a1a; font-size: 0.729vw; font-weight: 400; letter-spacing: 0.073vw; margin-bottom: 9px; }
  #box-01 .inner .list .sy-ttl { color: #1a1a1a; font-size: 0.729vw; font-weight: 400; letter-spacing: 0.073vw; line-height: 1.25vw; }
  /*============================ #box-02 ============================*/
  #box-02 { margin-bottom: 186px; }
  #box-02 .inner .ttl { text-align: center; margin-bottom: 130px; position: relative; left: -10px; }
  #box-02 .inner .bg-box { background-image: url(../images/index/bg-01.jpg), url(../images/index/bg-02.jpg); background-repeat: no-repeat,repeat-y; background-position: center top,center 0; padding-bottom: 149px; }
  #box-02 .inner .bg-box .rel-box { width: 1200px; margin: 0 auto; position: relative; }
  #box-02 .inner .bg-box .move-01 { position: absolute; z-index: 10; left: 571px; top: 190px; }
  #box-02 .inner .bg-box .move-02 { position: absolute; left: 526px; top: 154px; z-index: 10; -webkit-animation: r1 14.5s linear infinite; animation: r1 14.5s linear infinite; }
  @-webkit-keyframes r1 { 0% { -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  @keyframes r1 { 0% { -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  #box-02 .inner .bg-box .list { background-image: url(../images/index/bg-move-sita.jpg); background-repeat: no-repeat; background-position: center 0; width: 1200px; margin: 0 auto; margin-bottom: 252px; position: relative; left: 0px; -webkit-box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.15); box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.15); display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #box-02 .inner .bg-box .list li { position: relative; z-index: 30;
    width: 600px;
    height: 230px;
text-align: center;
  color: #ffffff;
font-family: noto-sans-cjk-jp, sans-serif;font-style: normal;
font-size: 36px;
font-weight: 400;
letter-spacing: 7.2px;
padding-top: 90px;
  }
  #box-02 .inner .bg-box .s-box { width: 1200px; margin: 0 auto; }
  #box-02 .inner .bg-box .s-box .s-ttl { margin-bottom: 69px; }
  #box-02 .inner .bg-box .s-box .txt-box-01 { font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; color: #1a1a1a; font-size: 20px; font-weight: 400; line-height: 52px; margin-bottom: 87px; letter-spacing: 2px; }
  #box-02 .inner .bg-box .s-box .txt-box-01 .p-mb { margin-bottom: 52px; }
  #box-02 .inner .bg-box .s-box .movie-box { width: 960px; margin: 80px auto 0; aspect-ratio: 16 / 9; }
  #box-02 .inner .bg-box .s-box .movie-box iframe { display: block; width: 100%; height: 100%; }
  /*============================ #box-03 ============================*/
  #box-03 { margin-bottom: 0px; }
  #box-03 .inner .ttl { width: 1200px; margin: 0 auto; margin-bottom: 127px; position: relative; left: 6px; }
  #box-03 .inner .list-box { background-color: #e6e6e6; padding-bottom: 150px; }
  #box-03 .inner .list { width: 1200px; margin: 0 auto; position: relative; top: -60px; margin-bottom: -70px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #box-03 .inner .list li { width: 540px; background-color: #ffffff; padding-bottom: 36px; margin-bottom: 110px; }
  #box-03 .inner .list .li-pic-01 { margin-bottom: 21px; }
  #box-03 .inner .list .li-txt-box { width: 500px; margin: 0 auto; color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; letter-spacing: 1.4px; line-height: 24px; }
  #box-03 .move-btn a { width: 640px; height: 100px; border-radius: 50px; padding-top: 33px; }
  #box-03 .move-btn a::after { top: 29px; right: -32px; }
  #box-03 .move-btn a:hover::after { right: 0px; -webkit-transition: .3s ease-out; transition: .3s ease-out; }
  .yt-box{margin: 0 auto 120px; width: 780px;height: 437px;}
  .yt-box iframe{width: 780px; margin: 0 auto;height: 437px;}
  .move-001{
    opacity: 0;
position: relative;
right: -100px;
transition: .7s ease-out;
  }

  .move-001.move-on{
opacity: 1.0;
position: relative;
right: 0px;
transition: .7s ease-out;
  }

  .move-002{
    opacity: 0;
position: relative;
bottom: -100px;
transition: .7s ease-out;
  }

  .move-002.move-on{
opacity: 1.0;
position: relative;
bottom: 0px;
transition: .7s ease-out;
  }

  .move-003{
    opacity: 0;
position: relative;
top: -100px;
transition: .7s ease-out;
  }

  .move-003.move-on{
opacity: 1.0;
position: relative;
top: 0px;
transition: .7s ease-out;
  }


  .move-004{
    opacity: 0;
position: relative;
left : -100px;
transition: .7s ease-out;
  }

  .move-004.move-on{
opacity: 1.0;
position: relative;
left: 0px;
transition: .7s ease-out;
  }

.Tours-bx {width: 100%; margin: 0 auto 150px;}


  
  /*============================ #box-04 ============================*/
  .tab-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .tab { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; list-style: none; text-align: center; cursor: pointer; }
  .panel { display: none; }
  .panel.is-show { display: block; }
  #box-04 { width: 1200px; margin: 0 auto; position: relative; margin-bottom: 119px; }
  #box-04 .move-btn { position: absolute; top: 64px; right: 0; }
  #box-04 .move-btn a { width: 240px; height: 60px; border-radius: 50px; padding-top: 14px; }
  #box-04 .move-btn a::after { top: 9px; right: -16px; content: url(../images/index/c-bar-02.svg); }
  #box-04 .move-btn a:hover::after { right: 0px; -webkit-transition: .3s ease-out; transition: .3s ease-out; }
  #box-04 .inner .ttl { margin-bottom: 62px; position: relative; left: 4px; }
  #box-04 .inner .tab-group .tab.is-active { background-image: none; background-color: #e6e6e6; }
  #box-04 .inner .tab-group .tab.is-active span { border-top: 5px solid #00a0e9; }
  #box-04 .inner .tab-group .tab { background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#d1d1d1)); background-image: linear-gradient(180deg, #e6e6e6 0%, #d1d1d1 100%); color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 18px; font-weight: 700; letter-spacing: 1.8px; }
  #box-04 .inner .tab-group .tab:last-child span { background: none; }
  #box-04 .inner .tab-group .tab span { height: 110px; padding-top: 38px; display: block; background-image: url(../images/index/btn-line-01.jpg); background-repeat: repeat-y; background-position: right 0; }
  #box-04 .inner .sy-list > li { width: 1100px; background-color: #ffffff; border-top: 10px solid #cccccc; margin-bottom: 50px; }
  #box-04 .inner .sy-list > li a:hover { text-decoration: none; }
  #box-04 .inner .sy-list > li .sy-ttl:hover { text-decoration: underline; }
  #box-04 .inner .sy-list .sy-box { padding: 70px 80px 70px 80px; }
  #box-04 .inner .sy-list .sy-box .cate-list { margin-bottom: 10px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #box-04 .inner .sy-list .sy-box .cate-list li { width: 170px; margin-right: 5px; margin-bottom: 5px; background-color: #004ea2; color: #ffffff; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; letter-spacing: 0.7px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #box-04 .inner .sy-list .sy-box .sy-ttl { color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 24px; font-weight: 700; letter-spacing: 2.4px; line-height: 34px; margin-bottom: 22px; }
  #box-04 .inner .sy-list .sy-box .flex-01 { margin-bottom: 24px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-l { width: 360px; margin-right: 20px; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-l .sy-pic img { 
    width: 100%;
    height: 240px; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r { width: 554px; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-txt-box { color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; letter-spacing: 1.4px; line-height: 24px; margin-bottom: 27px; margin-top: -3px; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-ttl-02 { background-color: #4d4d4d; color: #ffffff; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; letter-spacing: 1.4px; padding: 2px 15px; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-table-box { width: 100%; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-table-box .th-txt, #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-table-box .td-txt { color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; letter-spacing: 1.4px; line-height: 24px; border: 1px solid #b3b3b3; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-table-box .th-txt { padding: 16px 17px 19px; width: 160px; background-color: #e6e6e6; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-table-box .td-txt { padding: 16px 26px 19px; }
  #box-04 .inner .sy-list .sy-box .move-btn-02 a { display: block; width: 640px; margin: 0 auto; height: 80px; border-radius: 60px; background-color: #ffffff; width: 640px; height: 100px; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); background-image: linear-gradient(135deg, #00a0e9 0%, #004ea2 100%); -webkit-animation: GradationMove 3s ease-in-out alternate infinite; animation: GradationMove 3s ease-in-out alternate infinite; color: #ffffff; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 18px; font-weight: 700; letter-spacing: 1.8px; line-height: normal; text-align: center; padding-top: 38px; position: relative; }
  #box-04 .inner .sy-list .sy-box .move-btn-02 a::after { content: url(../images/index/btn-line-01.svg); position: absolute; display: inline-block; right: -31px; top: 31px; -webkit-transition: .3s ease-out; transition: .3s ease-out; }
  #box-04 .inner .sy-list .sy-box .move-btn-02 a:hover::after { right: 0px; -webkit-transition: .3s ease-out; transition: .3s ease-out; }
  #box-04 .inner .panel-group .panel { background-color: #e6e6e6; padding: 50px 50px 1px; }
  /*============================ #box-05 ============================*/
  #box-05 { background-image: url(../images/index/bg-03.jpg); background-repeat: no-repeat; background-position: center 0; padding-top: 75px; }
  #box-05 .inner .ttl { text-align: center; margin-bottom: 64px; position: relative; left: 3px; }
  #box-05 .inner .sy-list { width: 100%; max-width: 1698px; margin: 0 auto; font-family: fantasy; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #box-05 .inner .sy-list > li { width: 415px; margin-right: 10px; }
  #box-05 .inner .sy-list > li:last-child { margin-right: 0; }
  #box-05 .inner .sy-list .rel-box { position: relative; }
  #box-05 .inner .sy-list .rel-box .sy-name-box { position: absolute; background-image: url(../images/index/interview-deco.svg); background-repeat: no-repeat; background-position: center 0; width: 246px; height: 136px; bottom: 28px; right: 19px; text-align: center; }
  #box-05 .inner .sy-list .rel-box .sy-pic img { width: 100%; height: 640px; }
  #box-05 .inner .sy-list .rel-box .sy-name-box .sy-name-01 { color: #ffffff; font-family: caflisch-script-pro, sans-serif; font-size: 50px; font-weight: 400; line-height: 1; -webkit-transform: rotate(-11deg); transform: rotate(-11deg); display: inline-block; padding-top: 30px; width: 100%; position: relative; left: -26px; }
  #box-05 .inner .sy-list .rel-box .sy-name-box .sy-name-02 { color: #ffffff; font-family: caflisch-script-pro, sans-serif; font-size: 50px; font-weight: 400; line-height: 1; -webkit-transform: rotate(-11deg); transform: rotate(-11deg); display: inline-block; /* padding-top: 0px; */ /* padding-left: 34px; */ width: 100%; position: relative; left: 15px; top: -11px; }
  #box-05 .inner .sy-list .sy-box .sy-ttl { color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 20px; font-weight: 400; letter-spacing: 2px; margin-top: 6px; margin-bottom: -1px; }

  #box-05 .inner .sy-list .sy-box .sy-ttl-02 { color: #1a1a1a; font-size: 14px; font-weight: 400; letter-spacing: 1.4px; margin-bottom: 13px; }

  #box-05 .inner .sy-list .sy-box .sy-txt { 
    
padding: 2px 16px 3px;

    display: inline-block;
    border: 1px solid #e6e6e6; background-color: #f2f2f2; color: #666666; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 12px; font-weight: 400; letter-spacing: 1.2px; text-align: center; }
  #box-05 .inner .move-btn { margin-top: 58px; }




/*============================
#box-event
============================*/
#box-event {
  margin-top: 128px;
  margin-bottom: 24px;
}
#box-event .inner {
  width: 1100px;
  margin: 0 auto;
}
#box-event .inner .ttl {
  margin-bottom: 0px;
  margin-left: 31px;
}

#box-event .system-list {
  padding: 41px 21px 21px;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#box-event .system-list li {
  line-height: 1.4;
  width: 32%;
  margin-right: 2%;
  background: #fff;
  position: relative;
  margin-bottom: 0px;
  padding: 20px 10px 0px;
}

#box-event .system-list li:nth-child(3n) {
  margin-right: 0
}

#box-event .system-list li:nth-child(n + 4) {
display: none;
}

#box-event .system-list li a:hover {
  text-decoration: none;
}

#box-event .system-list .btn {
  text-align: center;
  background: #333;
  color: #fff;
  font-size: 0.75em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2%;
}

#box-event .system-list .btn::after {
  content: ' >';
}

#box-event .system-pic {
  width: 100%;
  height: 225px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 8px;
}

#box-event .system-pic img {
  width: 100%;
  height: 225px;
}

#box-event .system-date {
  font-size: 0.75em;
  margin-bottom: 10px;
  line-height: 1.4;
}

#box-event .system-name {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.4;
  letter-spacing: 1px;
}

#box-event .system-ttl-01 {
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.4;
  letter-spacing: 1px;
}

#box-event .system-coment {
  font-size: 0.75em;
  margin-bottom: 5px;
  line-height: 1.4;
}
/*============================
#box-zukan（お仕事図鑑 20260924追加）
============================*/
#box-zukan {
  margin-top: 128px;
  margin-bottom: 24px;
}
#box-zukan .inner {
  width: 1100px;
  margin: 0 auto;
}
#box-zukan .inner .ttl {
  margin-bottom: 0px;
  margin-left: 31px;
}

#box-zukan .system-list {
  padding: 41px 21px 21px;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#box-zukan .system-list li {
  line-height: 1.4;
  width: 32%;
  margin-right: 2%;
  background: #fff;
  position: relative;
  margin-bottom: 0px;
  padding: 20px 10px 0px;
}

#box-zukan .system-list li:nth-child(3n) {
  margin-right: 0
}

#box-zukan .system-list li:nth-child(n + 4) {
display: none;
}

#box-zukan .system-list li a:hover {
  text-decoration: none;
}

#box-zukan .system-list .btn {
  text-align: center;
  background: #333;
  color: #fff;
  font-size: 0.75em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2%;
}

#box-zukan .system-list .btn::after {
  content: ' >';
}

#box-zukan .system-pic {
  width: 100%;
  height: 225px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 8px;
}

#box-zukan .system-pic img {
  width: 100%;
  height: 225px;
}

#box-zukan .system-date {
  font-size: 0.75em;
  margin-bottom: 10px;
  line-height: 1.4;
}

#box-zukan .system-name {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.4;
  letter-spacing: 1px;
}

#box-zukan .system-ttl-01 {
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.4;
  letter-spacing: 1px;
}

#box-zukan .system-coment {
  font-size: 0.75em;
  margin-bottom: 5px;
  line-height: 1.4;
}








  /*============================ #box-06 ============================*/
  #box-06 {
  padding-top: 240px;
  }
  #box-06 .inner { width: 1690px; margin: 0 auto; position: relative; }
  #box-06 .inner .bg-box { background-color: #e6e6e6; padding: 124px 40px 145px 732px; margin-bottom: 30px; }
  #box-06 .inner .bg-box .irasut.bill { opacity: 1.0; bottom: 213px; -webkit-transition: .7s ease-out; transition: .7s ease-out; }
  #box-06 .inner .bg-box .irasut { width: 597px; position: absolute; left: 125px; bottom: -60px; opacity: 0; -webkit-transition: .7s ease-out; transition: .7s ease-out; }

  #box-06 .inner .ttl {
    width: 183px;
    left: 180px;
    top: -139px;
    position: absolute;
    z-index: 10;
  }
  #box-06 .inner .txt-01 { margin-bottom: 49px; }
  #box-06 .inner .txt-02 { margin-bottom: 0; }
  #box-06 .inner .bnr-list { position: relative; z-index: 15; width: 1200px; margin: 0 auto; margin-bottom: 170px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

  #box-06 .inner .bnr-list　li{
    background-color: #fff;
  }


  #box-06 .inner .bnr-list .txt-03 { background-color: #004ea2; color: #ffffff; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 18px; font-weight: 700; letter-spacing: 1.8px; padding: 14px 40px 16px 25px; background-image: url(../images/index/line-01.svg); background-repeat: no-repeat; background-position: right center; }



}



  

  @media screen and (min-width: 766px) and (max-width: 1800px) {
    #box-05 .inner .sy-list > li {
      width: 23.056vw;
      margin-right: 0.556vw;
  }
  #box-05 .inner .sy-list {
    width: 94.333vw;
  }
  #box-05 .inner .sy-list .rel-box .sy-pic img {
    height: 35.556vw;
}


#box-05 {
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100% 50vw;
}

  }





@media screen and (min-width: 766px) and (max-width: 1700px) { .mv-box .mv-rel .in-rel-box .kigyou-list li { width: 5.167vw; margin-right: 0.208vw; }
  .mv-box .mv-rel .in-rel-box .kigyou-list { position: absolute; left: 6.698vw; top: 41.708vw; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }

  .bg-move-rel .bg-move-rel-list li a{
    font-size: 14px;
  }
  #box-01 .inner .list .sy-date{
    font-size: 14px;
  }
  #box-01 .inner .list .sy-ttl{
    font-size: 13px;
    line-height: 1.6;
  }
  #box-01 .inner .ttl{
    font-size: 16px;
  }

  #box-02 .inner .bg-box {
    background-image: url(../images/index/bg-01.jpg), url(../images/index/bg-02.jpg);
    background-repeat: no-repeat,repeat-y;
    background-position: center top,center 0;
    padding-bottom: 149px;
}

#box-06 .inner{
  width: 100%;
}

}


@media screen and (min-width: 766px) and (max-width: 1590px) {
  #box-02 .inner .bg-box {
    background-position: -14vw top, -14vw 0;
}
}

@media screen and (min-width: 766px) and (max-width: 1540px) {
  #box-02 .inner .bg-box {
    background-position: -20vw top, -20vw 0;
}
}

@media screen and (min-width: 766px) and (max-width: 1460px) {
  #box-02 .inner .bg-box {
    background-position: -30vw top, -30vw 0;
}

#box-06 .inner .bg-box img{
width: 100%;
}

}

@media screen and (min-width: 766px) and (max-width: 1360px) {
  #box-02 .inner .bg-box {
    background-position: -40vw top, -40vw 0;
}
}



@media screen and (max-width: 767px) { .move-btn a { display: block; position: relative; width: 77.295vw; margin: 0 auto; height: 14.493vw; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); border-radius: 7.246vw; border: 2px solid #1a1a1a; background-color: #ffffff; color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 3.623vw; font-weight: 700; letter-spacing: 0.362vw; text-align: center; padding-top: 3.7vw; }

  .move-btn a::after { content: url(../images/index/sp-c-bar.svg); position: absolute; display: inline-block; right: -4.106vw; top: 2.657vw; -webkit-transition: .3s ease-out; transition: .3s ease-out; }
  .move-btn a:hover::after { right: 0px; -webkit-transition: .3s ease-out; transition: .3s ease-out; }

  /* 3枚表示のbxslider -------------------------------------*/
  .mv-box {max-width: 100vw;width: 100%;margin: 0 auto;margin-top: -5.072vw;}
  .mv-box img { width: 100%; }
  .mv-box .mv-rel { position: relative; }
  .mv-box .mv-rel .in-rel-box .en { display: none; }
  .mv-box .mv-rel .in-rel-box .bx-wrapper {position: absolute;top: 68.841vw;left: 10.628vw;width: 320px !important;margin: 0;}
  .mv-box .mv-rel .in-rel-box .mv-bg-box { display: none; }
  .mv-box .mv-rel .in-rel-box .kigyou-list {width: 91.787vw;margin: 0 auto;margin-bottom: 22.295vw;margin-top: 3.623vw;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .mv-box .mv-rel .in-rel-box .kigyou-list li { width: 14.734vw; margin-right: 0.625vw; }
  .mv-box .mv-rel .in-rel-box .kigyou-list li:last-child { margin-right: 0; }
  .bg-move-rel-wap { display: none; }


  #youtube-list { background-color: #EFEFEF; }
  #youtube-list { padding: 15vw 0 1vw; margin-bottom:14vw; }
  #youtube-list .youtube-list_img { /* text-align: center; */ width: 316px; margin: 0 auto; margin-bottom: 5vw; }
  #youtube-list h2 { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 5.2vw; font-weight: bold; text-align: center; color: #000; margin-bottom: 5%; }
  #youtube-list h2 { line-height: 130%; }
  #youtube-list h2 .small { font-size: 4.348vw; line-height: 8.696vw; letter-spacing: 0.022vw; font-weight: bold; }
  #youtube-list h2 .big { font-size: 6.522vw; font-weight: bold; letter-spacing: 0.033vw; line-height: 8.696vw; }
  #youtube-list .slider-3mai-Box1 { width: 80%; margin: 0 auto 15%; }
  #youtube-list .slider-3mai-Box1 li { padding: 0 2vw; }
  #youtube-list .slider-3mai-Box1 li img { width: 100%; }
  #youtube-list .slider-3mai-Box1 li .text::after { content: ''; width: 118px; height: 53px; background-image: none; /* sp-yt-icon.png は現行にも無いため指定を外した（2026-10-27） */ background-size: 100% auto; display: inline-block; position: absolute; right: 4px; top: 167px; z-index: 99; }
  #youtube-list .slider-3mai-Box1 li .text { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 3.6vw; font-weight: bold; line-height: 6.4vw; margin-top: 2.5vw; }
  #youtube-list .slider-3mai-Box1 .bx-prev { top: 19vw; left: -9vw; width: 10vw; height: 15vw; }
  #youtube-list .slider-3mai-Box1 .bx-next { top: 19vw; right: -9vw; width: 10vw; height: 15vw; }
  #youtube-list .bx-wrapper .bx-prev { background: url(../images/bxslider/sp-controls-left.png) no-repeat; background-size: 100% auto; }
  #youtube-list .bx-wrapper .bx-next { background: url(../images/bxslider/sp-controls-right.png) no-repeat; background-size: 100% auto; }
  #youtube-list .bx-wrapper .bx-next:hover { background-position: 0px 0px; }
  #youtube-list .bx-wrapper .bx-prev:hover { background-position: 0px 0px; }
  #youtube-list .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -9vw; }
  #youtube-list .bx-wrapper .bx-pager.bx-default-pager a { background: #D5D5D5; border-radius: 0px; margin: 0 3vw; } 

  /*============================
#box-01
============================*/
  #box-01 {width: 86.957vw;margin: 0 auto;margin-bottom: 17.894vw;}
  #box-01 .inner { position: relative; }
  #box-01 .inner .ttl { color: #1a1a1a; font-family: 'Montserrat', sans-serif; font-size: 5.556vw; font-weight: 500; letter-spacing: 0.556vw; }
  #box-01 .inner .move-btn { position: absolute; right: 0; top: -2.657vw; }
  #box-01 .inner .move-btn a { width: 43.478vw; height: 12.077vw; border-radius: 6.039vw; border: 1px solid #1a1a1a; background-color: #ffffff; font-size: 3.623vw; padding-top: 2.899vw; -webkit-box-shadow: none; box-shadow: none; }
  #box-01 .inner .move-btn a::after { content: url(../images/index/sp-c-bar.svg); right: -3.382vw; top: 2.174vw; }
  #box-01 .inner .list li { padding-top: 6.28vw; padding-bottom: 3.865vw; border-bottom: 1px dotted #7e7e7e; }
  #box-01 .inner .list .sy-date { color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 3.382vw; font-weight: 400; letter-spacing: 0.338vw; margin-bottom: 2.899vw; }
  #box-01 .inner .list .sy-ttl { color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 3.382vw; font-weight: 400; letter-spacing: 0.338vw; line-height: 5.556vw; }
  /*============================ #box-02 ============================*/
  #box-02 {margin-bottom: 19.343vw;}
  #box-02 .inner .ttl { width: 84.3vw; margin-left: 4.106vw; margin-bottom: 10.386vw; }
  #box-02 .inner .bg-box {background-color: #e6e6e6;padding-bottom: 17.739vw;}
  #box-02 .inner .bg-box .rel-box { width: 100%; margin: 0 auto; position: relative; }
  #box-02 .inner .bg-box .move-01 { position: absolute; z-index: 10; width: 7vw; margin: 0 auto; top: 50.725vw; left: 0; right: 0; }
  #box-02 .inner .bg-box .move-02 { position: absolute; width: 18vw; margin: 0 auto; top: 46.135vw; left: 0; right: 0; z-index: 10; -webkit-animation: r1 14.5s linear infinite; animation: r1 14.5s linear infinite; }
  @-webkit-keyframes r1 { 0% { -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  @keyframes r1 { 0% { -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  #box-02 .inner .bg-box .list { background-image: url(../images/index/bg-move-sita.jpg); background-repeat: no-repeat; background-position: center 0; width: 100%; margin: 0 auto; position: relative; left: 0px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }

  #box-02 .inner .bg-box .list li { width: 50%; position: relative; z-index: 30;
    height: 50.725vw;
color: #ffffff;
font-family: noto-sans-cjk-jp, sans-serif;font-style: normal;
font-size: 4.348vw;
font-weight: 400;
letter-spacing: 0.87vw;
padding-top: 22.101vw;
text-align: center;

  }

  #box-02 .inner .bg-box .s-box {background-image: url(../images/index/sp-bg-001.jpg);background-repeat: no-repeat;background-position: center 0;background-size: contain;padding-top: 22.396vw;}
  #box-02 .inner .bg-box .s-box .s-ttl {width: 81.884vw;margin: 0 auto;margin-bottom: 12.667vw;}
  #box-02 .inner .bg-box .s-box .txt-box-01 {width: 81.884vw;margin: 0 auto;margin-bottom: 11.7vw;color: #1a1a1a;font-family: noto-sans-cjk-jp, sans-serif;font-style: normal;font-size: 4.106vw;font-weight: 400;letter-spacing: 0.411vw;line-height: 10.266vw;}
  #box-02 .inner .bg-box .s-box .txt-box-01 .p-mb {margin-bottom: 8vw;}
  #box-02 .inner .bg-box .s-box .movie-box {width: 86.957vw;margin: 11.7vw auto 0;aspect-ratio: 16 / 9;}
  #box-02 .inner .bg-box .s-box .movie-box iframe {display: block;width: 100%;height: 100%;}
  /*============================ #box-03 ============================*/
  #box-03 {margin-bottom: 0vw;}
  #box-03 .inner .ttl-box { width: 86.957vw; margin: 0 auto; }

  #box-03 .inner .ttl { width: 44.928vw; margin-bottom: 20.531vw; }

  #box-03 .inner .list-box {background-color: #e6e6e6;padding-bottom: 16.116vw;}
  #box-03 .inner .list {width: 86.957vw;margin: 0 auto;position: relative;top: -9.662vw;margin-bottom: -5.954vw;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  #box-03 .inner .list li { width: 100%; background-color: #ffffff; padding-bottom: 6.522vw; margin-bottom: 7.246vw; }
  #box-03 .inner .list .li-pic-01 { margin-bottom: 5.193vw; }
  #box-03 .inner .list .li-txt-box { width: 79.71vw; margin: 0 auto; color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 3.382vw; font-weight: 400; letter-spacing: 0.338vw; line-height: 5.556vw; }

 .yt-box{margin:0 auto 15vw;width:90vw;height:51vw;}
  .yt-box iframe{width: 90vw; margin: 0 auto;height: 51vw;}


.Tours-bx {width: 100%; margin: 0 auto 10vw;}



  /*============================ #box-04 ============================*/
  .tab-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .tab { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; list-style: none; text-align: center; cursor: pointer; }
  .panel { display: none; }
  .panel.is-show { display: block; }
  #box-04 {width: 100%;margin: 0 auto;position: relative;margin-bottom: 17vw;}
  #box-04 .inner .ttl-box { width: 91.787vw; margin: 0 auto; }
  #box-04 .inner .ttl { width: 61.836vw; margin-bottom: 9.662vw; }
  #box-04 .tab-group { display: none; }
  #box-04 .demo { background-color: #e6e6e6; padding-top: 9.662vw; }
  #box-04 #kirikaeru { width: 86.957vw; margin: 0 auto; }
  #box-04 #kirikaeru select { width: 100%; color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.773vw; padding: 2.8vw 3.5vw; }
  #box-04 .inner .sy-list > li {width: 100%;background-color: #ffffff;border-top: 10px solid #cccccc;margin-bottom: 8.454vw;}

  #box-04 .inner .sy-list > li a:hover{
text-decoration: none;
  }

  #box-04 .inner .sy-list .sy-box {padding: 10.024vw 6.039vw 13.077vw 6.039vw;}
  #box-04 .inner .sy-list .sy-box .cate-list { margin-bottom: 2vw; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #box-04 .inner .sy-list .sy-box .cate-list li { padding: 0.5vw 3.623vw 1vw; margin-right: 1.208vw; margin-bottom: 1.208vw; background-color: #004ea2; color: #ffffff; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 3.382vw; font-weight: 400; letter-spacing: 0.169vw; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #box-04 .inner .sy-list .sy-box .sy-ttl { color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 4.348vw; font-weight: 700; letter-spacing: 0.435vw; line-height: 7.246vw; margin-bottom: 7vw; }
  #box-04 .inner .sy-list .sy-box .flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-l {width: 100%;margin-bottom: 4.589vw;text-align: center;}
  #box-04 .inner .sy-list .sy-box .flex-01 .box-l .sy-pic img { height: 57.971vw; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r { width: 100%; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-txt-box { color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 3.382vw; font-weight: 400; letter-spacing: 0.338vw; line-height: 5.556vw; margin-bottom: 8vw; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-ttl-02 { background-color: #4d4d4d; color: #ffffff; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 3.382vw; font-weight: 400; letter-spacing: 0.338vw; padding: 2.053vw 3.14vw 2.536vw; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-table-box { width: 100%; border-bottom: 1px solid #b3b3b3; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-table-box .th-txt, #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-table-box .td-txt {display: block;color: #1a1a1a;font-family: noto-sans-cjk-jp, sans-serif;font-style: normal;font-size: 3.382vw;font-weight: 400;letter-spacing: 0.338vw;line-height: 3.261vw;padding: 3vw 3.14vw 3vw;border: 1px solid #b3b3b3;letter-spacing: 0.338vw;line-height: 5.556vw;}
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-table-box .th-txt { background-color: #e6e6e6; border-bottom: none; }
  #box-04 .inner .sy-list .sy-box .flex-01 .box-r .sy-table-box .td-txt { border-bottom: none; }
  #box-04 .inner .sy-list .sy-box .move-btn-02 { margin-top: 8.454vw; }
  #box-04 .inner .sy-list .sy-box .move-btn-02 a { display: block; width: 77.295vw; margin: 0 auto; border-radius: 14.493vw; background-color: #ffffff; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); background-image: linear-gradient(135deg, #00a0e9 0%, #004ea2 100%); -webkit-animation: GradationMove 3s ease-in-out alternate infinite; animation: GradationMove 3s ease-in-out alternate infinite; color: #ffffff; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 3.623vw; font-weight: 700; letter-spacing: 0.362vw; text-align: center; padding: 4.227vw 0 4.831vw; position: relative; }
  #box-04 .inner .sy-list .sy-box .move-btn-02 a::after { content: url(../images/index/sp-c-bar.svg); position: absolute; display: inline-block; right: -3.14vw; top: 3.382vw; -webkit-transition: .3s ease-out; transition: .3s ease-out; }
  #box-04 .inner .sy-list .sy-box .move-btn-02 a:hover::after { right: 0px; -webkit-transition: .3s ease-out; transition: .3s ease-out; }
  #box-04 .inner .panel-group .panel {background-color: #e6e6e6;padding: 8.662vw 4.106vw 0.121vw;}
  #box-04 .move-btn-box {background-color: #e6e6e6;padding-bottom: 17.739vw;padding-top: 4vw;}
  /*============================ #box-05 ============================*/
  #box-05 { background-image: url(../images/index/sp-bg-03.jpg); background-repeat: no-repeat; background-position: center 0; background-size: 100%; padding-top: 5.435vw; padding-bottom: 16.908vw; }
  #box-05 .inner .ttl { width: 69.686vw; margin: 0 auto; position: relative; left: -0.725vw; margin-bottom: 9.662vw; }
  #box-05 .inner .sy-list { width: 91.787vw; margin: 0 auto;
    display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  #box-05 .inner .sy-list > li { width: 43.478vw; margin-right: 4.831vw;
    margin-bottom: 9.541vw;
  }

  #box-05 .inner .sy-list > li img{
    height: 67.15vw; 
  }

  #box-05 .inner .sy-list > li:nth-child(2n) { margin-right: 0px; }
  #box-05 .inner .sy-list .rel-box { position: relative; }
  #box-05 .inner .sy-list .rel-box .sy-name-box { position: absolute; background-image: url(../images/index/sp-interview-deco.svg); background-repeat: no-repeat; background-position: center 0; background-size: 100%; width: 29.589vw; height: 16.304vw; bottom: 3.623vw; right: 2.415vw; text-align: center; }
  #box-05 .inner .sy-list .rel-box .sy-name-box .sy-name-01 { color: #ffffff; font-family: caflisch-script-pro, sans-serif; font-size: 6.039vw; font-weight: 400; line-height: 1; -webkit-transform: rotate(-11deg); transform: rotate(-11deg); display: inline-block; padding-top: 4.831vw; width: 100%; position: relative; left: -6.28vw; margin-bottom: 1vw; }
  #box-05 .inner .sy-list .rel-box .sy-name-box .sy-name-02 { color: #ffffff; font-family: caflisch-script-pro, sans-serif; font-size: 6.039vw; font-weight: 400; line-height: 1; -webkit-transform: rotate(-11deg); transform: rotate(-11deg); display: inline-block; /* padding-top: 0px; */ /* padding-left: 8.213vw; */ width: 100%; position: relative; left: 0.966vw; top: -2.657vw; }
  #box-05 .inner .sy-list .sy-box .sy-ttl { color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 4.106vw; font-weight: 400; letter-spacing: 0.411vw; margin-top: 1.7vw; margin-bottom: 0.966vw; }
  #box-05 .inner .sy-list .sy-box .sy-ttl-02 { color: #1a1a1a; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 3.14vw; font-weight: 400; letter-spacing: 0.314vw; margin-bottom: 2.415vw; }
  #box-05 .inner .sy-list .sy-box .sy-txt { display: inline-block; border: 1px solid #e6e6e6; background-color: #f2f2f2; padding: 0.242vw 3.623vw; color: #666666; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 3.14vw; font-weight: 400; letter-spacing: 0.314vw; }
  #box-05 .inner .move-btn {margin-top: 3.14vw;margin-bottom: 3.14vw;}



/*============================
#box-event
============================*/
#box-event {
  margin-top: 15.459vw;
  margin-bottom: 5.797vw;
}
#box-event .inner {
  width: 100%;
  margin: 0 auto;
}
#box-event .inner .ttl {
  width: 32.609vw;
  margin-bottom: 3.865vw;
  margin-left: 4.589vw;
}

#box-event .system-list {
  padding: 4% 4%;
  margin-bottom: 6%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#box-event .system-list li {
  position: relative;
  line-height: 1.4;
  width: 48%;
  margin-right: 4%;
  background: #fff;
  position: relative;
  margin-bottom: 5%;
  /* padding: 2% 2% 2%; */
}

#box-event .system-list li:nth-child(2n) {
  margin-right: 0
}

#box-event .system-list li a:hover {
  text-decoration: none;
}

#box-event .system-list .btn {
  text-align: center;
  background: #333;
  color: #fff;
  font-size: 3.2vw;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 4% 3%;
}

#box-event .system-list .btn::after {
  content: ' >';
}

#box-event .system-list02 {
  padding: 4% 2%;
  margin-bottom: 10%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#box-event .system-list02 li {
  position: relative;
  line-height: 1.4;
  width: 49%;
  margin-right: 2%;
  background: #fff;
  position: relative;
  margin-bottom: 2%;
  padding: 2% 2% 2%;
}

#box-event .system-list02 li:nth-child(2n) {
  margin-right: 0
}

#box-event .system-list02 li a:hover {
  text-decoration: none;
}

#box-event .system-list02 .btn {
  text-align: center;
  background: #333;
  color: #fff;
  font-size: 3.2vw;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3%;
}

#box-event .system-list02 .btn::after {
  content: ' >';
}

#box-event .system-pic {
  width: 100%;
  height: 31.159vw;
  overflow: hidden;
  text-align: center;
  margin-bottom: 3%;
}

#box-event .system-pic img {
  width: 100%;
  height: 31.159vw;
}

#box-event .system-date {
  font-size: 3.2vw;
  margin-bottom: 5%;
}

#box-event .system-name {
  font-size: 4vw;
  margin-bottom: 3%;
}

#box-event .sy-ttl-02 {
  font-size: 3.865vw;
  margin-bottom: 5%;
  line-height: 1.5;
}
/*============================
#box-zukan（お仕事図鑑 20260924追加）
============================*/
#box-zukan {
  margin-top: 15.459vw;
  margin-bottom: 5.797vw;
}
#box-zukan .inner {
  width: 100%;
  margin: 0 auto;
}
#box-zukan .inner .ttl {
  width: 38.29vw;
  margin-bottom: 3.865vw;
  margin-left: 4.589vw;
}

#box-zukan .system-list {
  padding: 4% 4%;
  margin-bottom: 6%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#box-zukan .system-list li {
  position: relative;
  line-height: 1.4;
  width: 48%;
  margin-right: 4%;
  background: #fff;
  position: relative;
  margin-bottom: 5%;
  /* padding: 2% 2% 2%; */
}

#box-zukan .system-list li:nth-child(2n) {
  margin-right: 0
}

#box-zukan .system-list li a:hover {
  text-decoration: none;
}

#box-zukan .system-list .btn {
  text-align: center;
  background: #333;
  color: #fff;
  font-size: 3.2vw;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 4% 3%;
}

#box-zukan .system-list .btn::after {
  content: ' >';
}

#box-zukan .system-list02 {
  padding: 4% 2%;
  margin-bottom: 10%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#box-zukan .system-list02 li {
  position: relative;
  line-height: 1.4;
  width: 49%;
  margin-right: 2%;
  background: #fff;
  position: relative;
  margin-bottom: 2%;
  padding: 2% 2% 2%;
}

#box-zukan .system-list02 li:nth-child(2n) {
  margin-right: 0
}

#box-zukan .system-list02 li a:hover {
  text-decoration: none;
}

#box-zukan .system-list02 .btn {
  text-align: center;
  background: #333;
  color: #fff;
  font-size: 3.2vw;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3%;
}

#box-zukan .system-list02 .btn::after {
  content: ' >';
}

#box-zukan .system-pic {
  width: 100%;
  height: 31.159vw;
  overflow: hidden;
  text-align: center;
  margin-bottom: 3%;
}

#box-zukan .system-pic img {
  width: 100%;
  height: 31.159vw;
}

#box-zukan .system-date {
  font-size: 3.2vw;
  margin-bottom: 5%;
}

#box-zukan .system-name {
  font-size: 4vw;
  margin-bottom: 3%;
}

#box-zukan .sy-ttl-02 {
  font-size: 3.865vw;
  margin-bottom: 5%;
  line-height: 1.5;
}


  /*============================ #box-06 ============================*/
  #box-06 {padding: 17.517vw 6.522vw 0;}
  #box-06 .inner { width: 100%; margin: 0 auto; position: relative; }
  #box-06 .inner .ttl { width: 54.227vw; margin-bottom: 8.937vw; }
  #box-06 .inner .txt-01 { width: 72.585vw; margin-bottom: 10.87vw; }
  #box-06 .inner .txt-02 { margin-bottom: 15.942vw; }
  #box-06 .inner .bg-box .irasut-box { width: 100vw; height: 50.725vw; background-color: #e6e6e6; margin-bottom: 8.2vw; position: relative; left: -6.522vw; }
  #box-06 .inner .bg-box .irasut-box .irasut { position: relative; top: -9.662vw; }
  #box-06 .inner .bnr-list {width: 100%;margin: 0 auto;margin-bottom: 28.744vw;}
  #box-06 .inner .bnr-list li { margin-bottom: 7.246vw; }
  #box-06 .inner .bnr-list .txt-03 { background-color: #004ea2; background-image: url(../images/index/line-01.svg); background-image: url(../images/index/line-01.svg); background-repeat: no-repeat; background-position: right center; color: #ffffff; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; font-size: 3.865vw; font-weight: 700; letter-spacing: 0.386vw; padding: 2.899vw 4.227vw 3.382vw; } }
/*# sourceMappingURL=page-top.css.map */