@charset "UTF-8";
@media screen and (min-width: 768px),print {
header{position: absolute;z-index: 2;}

#recruit .onecol-contents{width: 100%;max-width: 100%;padding: 13px 0 0 16px;}

#contentsmain {margin: -13px auto 0 auto;position: relative;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;}
#contentsmain .inner-Box ul.main-slide { position: relative; top: 0; left: 0; z-index: -1; }
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box figure.photo { position: relative; top: 0; left: 0; }
#contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
#contentsmain .inner-Box h1 {font-size: 2.60vw;line-height: 1.63;font-weight: 700;letter-spacing: 0.26vw;margin-bottom: 0px;position: absolute;z-index: 2;color: #fff;top: 24.3vw;text-align: center;left: 50%;transform: translateX(-50%);text-shadow: 0px 0px 15px #00000080;}
#contentsmain .inner-Box p.text {font-size: 1.04vw;line-height: 1.9;font-weight: 700;letter-spacing: 0.05vw;position: absolute;color: #fff;z-index: 3;top: 34.4vw;text-align: center;left: 50%;transform: translateX(-50%);}
#contentsmain .inner-Box figure.img {position: absolute;top: 41vw;left: 50%;transform: translateX(-50%);width: 7.97vw;}
#contentsmain .inner-Box figure.img img{width: 100%;}
#contentsmain .inner-Box p.morebtn {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 3rem;position: absolute;top: 46vw;left: 50%;transform: translateX(-50%);}
#contentsmain .inner-Box p.morebtn a {text-align: center;font-size: 1.8rem;font-weight: bold;letter-spacing: 0.09vw;padding-top: 15px;width: 280px;height: 61px;}
#contentsmain .inner-Box p.morebtn a span.arr {top: 24px;}

.slick-dotted.slick-slider { margin-bottom: 40px; }

#contentsmain .slick-dots {position: absolute;bottom: 3.4vw;display: block;width: 100%;padding: 0 2.6vw 0 0;margin: 0  0 0;list-style: none;text-align: right;z-index: 3;}
#contentsmain .slick-dots li {position: relative;display: inline-block;width: 10px;height: 10px;margin: 0 5px;padding: 0;cursor: pointer;}
#contentsmain .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #FFFFFF;border-radius: 50%;}
#contentsmain .slick-dots li button:hover,
#contentsmain .slick-dots li button:focus { outline: none; }
#contentsmain .slick-dots li button:hover:before,
#contentsmain .slick-dots li button:focus:before { opacity: 1; }
#contentsmain .slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 10px;height: 10px;content: '窶｢';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#contentsmain .slick-dots li.slick-active button { background: #0057AA; }

#topics-section {position: relative;overflow: hidden;margin-bottom: -74px;}      
#topics-section .topics-inner {max-width: 1311px;padding: 89px  5rem 54px;margin: 0 auto;position: relative;z-index: 2;}      
#topics-section .bg-right {position: absolute;top: 0;right: 0; /* 右端基準で貼る */height: 100%;z-index: 1;background: #F3F5FA; /* 好きな色に */border-radius: 30px 0 0 30px;width: calc(160px + (100vw + 1200px) / 2);}

#topics-section .topics-inner h2{font-size: 3.4rem;font-weight: bold;letter-spacing: 0.102rem;margin-left: 6px;margin-bottom: 62px;}
#topics-section .topics-inner h2 .f-en{font-size: 1.4rem;font-weight: bold;color: #0057AA;display: block;margin-bottom: 13px;position: relative;right: 6px;}
#topics-section .topics-inner h2 .f-en img{display: inline-block;margin: 0 15px 0 0;position: relative;top: -4px;left: 5px;}
#topics-section .topics-inner .morebtn{position: absolute;top: 122px;right: 36px;}
#topics-section .topics-inner .morebtn a{padding-left: 55px;}

#topics .system-list{padding: 1px;margin-bottom: 50px;}
#topics .system-list li{/* overflow: hidden; */line-height: 1.4;margin-bottom: 35px;border-bottom: #D2D2D2 1px solid;}
#topics .system-list li a{display: block;width: 100%;text-align: left;padding-bottom: 33px;}
#topics .system-list li a:hover{ text-decoration: none;}
#topics .system-list li .text-box {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 0;}
#topics .system-list li .system-date {width: 280px;flex-shrink: 0;position: relative;padding: 0 0 0 136px;}
#topics .system-list li .system-date .dayt{font-size: 1.4rem;font-weight: 500;position: absolute;top: 8px;left: 13px;}
#topics .system-list li .system-date .cate{font-size: 1.2rem;border: 1px solid #D2D2D2;border-radius: 30px;display: inline-block;background: #fff;padding: 6px 34px;margin-bottom: 5px;}
#topics .system-list li .system-ttl-01 {flex: 1;padding: 6px 6px;display: inline-block;}
#topics .system-list li a.link-arr .post-arrow{right: 14px;}


#contents02 h2{font-size: 3.4rem;font-weight: bold;letter-spacing: 0.102rem;margin-bottom: 55px;}
#contents02 h2 .f-en{font-size: 1.4rem;font-weight: bold;color: #0057AA;display: block;margin-bottom: 13px;position: relative;right: 6px;}
#contents02 h2 .f-en img{display: inline-block;margin: 0 15px 0 0;position: relative;top: -4px;left: 5px;}

#contents02 {margin: 0 auto 48px;position: relative;}
#contents02::before{content: "";background: #F3F5FA;border-radius: 40px 0px 0px 40px;display: block;max-width: 1300px;height: 676px;position: absolute;bottom: 0;right: 0;z-index: 1;width: 80%;}
#contents02 .inner-Box {max-width: 1262px;padding: 89px 531px 154px  5rem;margin: 0 auto;position: relative;z-index: 2;}
#contents02 .inner-Box figure.photo {position: absolute;top: 237px;right: 30px;overflow: hidden;border-radius: 15px;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.text {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 1.6rem;position: relative;}
#contents02 .inner-Box h3 {font-size: 3.2rem;line-height: 1.33;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 0px;position: relative;text-align: right;padding-top: 32px;}
#contents02 .inner-Box h3 span {font-size: 14px;display: inline-block;position: relative;top: -6px;left: -22px;letter-spacing: 0.07rem;}


#contents03 h2{font-size: 3.4rem;font-weight: bold;letter-spacing: 0.102rem;margin-bottom: 60px;}
#contents03 h2 .f-en{font-size: 1.4rem;font-weight: bold;color: #0057AA;display: block;margin-bottom: 13px;position: relative;right: 6px;}
#contents03 h2 .f-en img{display: inline-block;margin: 0 15px 0 0;position: relative;top: -4px;left: 5px;}


#contents03 {margin: 0 auto;position: relative;background: url('../images/recruit/contents03-back01.svg')no-repeat top 302px center;}
#contents03 .inner-Box {max-width: 1302px;padding: 89px  5rem 143px;margin: 0 auto;position: relative;z-index: 2;}
#contents03 .inner-Box ul.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;}
#contents03 .inner-Box ul li {position: relative;width: 28%;margin-right: 8%;}
#contents03 .inner-Box ul li:nth-child(2) {top: 80px;}
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;overflow: hidden;border-radius: 15px;margin-bottom: 25px;}
#contents03 .inner-Box figure.photo img{ width: 100%; height: auto; }
#contents03 .inner-Box h3 {font-size: 2.2rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.11rem;margin-bottom: 14px;position: relative;text-align: center;}
#contents03 .inner-Box p.ltext {font-size: 1.5rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.075rem;margin-bottom: 3rem;position: relative;}
#contents03 .inner-Box2 {max-width: 1292px;padding: 0px  5rem 95px;margin: 0 auto;position: relative;z-index: 2;}
#contents03 .inBox {margin: 0 218px 0 auto;position: relative;border: 1px solid #D2D2D2;border-radius: 24px;background: #F3F5FA;padding: 6.1rem 7.9rem 4.5rem 7.9rem;}
#contents03 .inBox h4 {font-size: 2rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.1rem;margin-bottom: 22px;position: relative;}
#contents03 .inBox p.text {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 2rem;position: relative;}
#contents03 .inBox2 {position: absolute;top: 220px;right: 0;width: 248px;text-align: center;}
#contents03 .inBox span.icon01 {display: block;line-height: 1;position: absolute;top: 249px;right: -28px;}
#contents03 .inBox span.icon01 img {  }
#contents03 .inBox2 figure.img {position: relative;top: 2px;/* left: 18px; */margin-bottom: 4px;}
#contents03 .inBox2 figure.img img{width: 150px;}
#contents03 .inBox2 span.tanto{font-size: 1.2rem;position: relative;left: 0px;letter-spacing: 0.06rem;}

#contents04 {margin: 0 auto  16rem;position: relative;}
#contents04 .inner-Box {margin: 0 auto;position: relative;max-width: 1300px;padding: 0 5rem;}
#contents04 .inner-Box p.btn {  }
#contents04 .inner-Box p.btn img {width: 100%;height: auto;}



}

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

    header{ position: absolute;z-index: 2; width: 100%;}
#recruit .onecol-contents{width: 100%;max-width: 100%;}

#contentsmain {margin: 0vw auto 0 auto;position: relative;background: #F3F5FA;padding: 0 0 15vw;}
#contentsmain .inner-Box {position: relative;}
#contentsmain .inner-Box ul.main-slide {position: relative;top: 2vw;left: 0;z-index: 0;margin-bottom: 8.6vw;}
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box figure.photo { position: relative; top: 0; left: 0; }
#contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
#contentsmain .inner-Box h1 {font-size: 6.40vw;line-height: 1.63;font-weight: 700;letter-spacing: 0.32vw;margin-bottom: 4.9vw;position: relative;z-index: 2;text-align: center;}
#contentsmain .inner-Box p.text {font-size: 4.27vw;line-height: 1.9;font-weight: 700;letter-spacing: 0.21vw;text-align: left;margin: 0 5.7vw 5.2vw;}
#contentsmain .inner-Box figure.img {position: relative;width: 27.97vw;margin: 0 auto -3.6vw;}
#contentsmain .inner-Box figure.img img{width: 100%;}
#contentsmain .inner-Box p.morebtn {font-size: 4.27vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.21vw;margin: 0 6.4vw;}
#contentsmain .inner-Box p.morebtn a {text-align: center;font-size: 4.27vw;font-weight: bold;letter-spacing: 0.21vw;padding-top: 3.6vw;height: 14.97vw;padding-left: 1vw;}
#contentsmain .inner-Box p.morebtn a span.arr {top: 5.9vw;right: 6.2vw;}

.slick-dotted.slick-slider { margin-bottom: 10.67vw; }

#contentsmain .slick-dots {position: absolute;bottom: 5.2vw;display: block;width: 100%;padding: 0 3.1vw 0 0;margin: 0  0 0;list-style: none;text-align: right;z-index: 3;}
#contentsmain .slick-dots li {position: relative;display: inline-block;height: 2.13vw; width: 2.13vw; margin: 0 1.33vw;padding: 0;cursor: pointer;}
#contentsmain .slick-dots li button {font-size: 0;line-height: 0;display: block;height: 2.13vw;width: 2.13vw;cursor: pointer;color: transparent;padding: 0;border: 0;outline: none;background: transparent;background: #FFFFFF;border-radius: 50%;}
#contentsmain .slick-dots li button:hover,
#contentsmain .slick-dots li button:focus { outline: none; }
#contentsmain .slick-dots li button:hover:before,
#contentsmain .slick-dots li button:focus:before { opacity: 1; }
#contentsmain .slick-dots li button:before {font-family: 'slick';font-size: 1.6vw;line-height: 5.33vw;position: absolute;top: 0;left: 0;height: 2.13vw;width: 2.13vw;content: '';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#contentsmain .slick-dots li.slick-active button { background: #0057AA; }

#contents02 h2{font-size: 6.40vw;font-weight: bold;letter-spacing: 0.27vw;margin-left: 1.6vw;margin-bottom: 5.73vw;}
#contents02 h2 .f-en{font-size: 3.20vw;font-weight: bold;color: #0057AA;display: block;margin-bottom: 1.47vw;position: relative;right: 1.6vw;}
#contents02 h2 .f-en img{display: inline-block;margin: 0 4.0vw 0 0;position: relative;top: -0.8vw;left: 1.33vw;width: 2.7vw;}

#contents02 {margin: 0 auto 12.8vw;position: relative;}
#contents02::before{content: "";background: #F3F5FA;border-radius: 10.67vw 0.0vw 0.0vw 10.67vw;display: block;width: 64.3vw;height: 319vw;position: absolute;bottom: -14vw;right: 0;z-index: 1;}
#contents02 .inner-Box {margin: 0 5vw;position: relative;z-index: 2;}
#contents02 .inner-Box figure.photo {position: relative;overflow: hidden;border-radius: 2.1vw;margin: 0 11.7vw 6.2vw;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.text {font-size: 3.73vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.19vw;margin: 0 1.1vw 5.3vw;position: relative;}
#contents02 .inner-Box h3 {font-size: 6.40vw;line-height: 1.33;font-weight: 400;letter-spacing: 0.32vw;margin-bottom: 0.0vw;position: relative;text-align: right;padding-top: 1.53vw;padding-right: 1vw;margin-left: 31vw;}
#contents02 .inner-Box h3 span {font-size: 3.47vw;display: inline-block;position: relative;top: -1vw;left: -6.3vw;letter-spacing: 0.19vw;}


#contents03 h2{font-size: 6.40vw;font-weight: bold;letter-spacing: 0.27vw;margin-left: 6.7vw;margin-bottom: 5.53vw;}
#contents03 h2 .f-en{font-size: 3.20vw;font-weight: bold;color: #0057AA;display: block;margin-bottom: 1.47vw;position: relative;right: 1.6vw;}
#contents03 h2 .f-en img{display: inline-block;margin: 0 4.0vw 0 0;position: relative;top: -0.8vw;left: 1.33vw;width: 2.7vw;}

#contents03 {position: relative;background: url('../images/recruit/sp-contents03-back01.svg')no-repeat top 47.53vw center;background-size: 100% auto;padding: 15.6vw 0 0;}
#contents03 .inner-Box {position: relative;z-index: 2;margin-bottom: -2.7vw;}
#contents03 .inner-Box ul.list {}
#contents03 .inner-Box ul li {position: relative;width: 80vw;margin-bottom: 11.9vw;}
#contents03 .inner-Box ul li:nth-child(2) { margin-left: auto;}
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;overflow: hidden;border-radius: 0vw 4.0vw 4.0vw 0vw;margin-bottom: 4.67vw;}
#contents03 .inner-Box ul li:nth-child(2) figure.photo {position: relative;top: 0;left: 0;overflow: hidden;border-radius: 4.0vw 0vw 0vw 4.0vw;margin-bottom: 4.67vw;}
#contents03 .inner-Box figure.photo img{ width: 100%; height: auto; }
#contents03 .inner-Box h3 {font-size: 5.33vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.29vw;margin-bottom: 3.73vw;position: relative;text-align: left;margin-left: 6.3vw;}
#contents03 .inner-Box ul li:nth-child(2) h3{ }
#contents03 .inner-Box ul li:nth-child(2) p.ltext{ margin-left: 0; margin-right: 40px; }
#contents03 .inner-Box p.ltext {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.19vw;position: relative;margin-left: 6.2vw;}
#contents03 .inner-Box2 {padding: 0.0vw 6.4vw 7.83vw;margin: 0 0vw;position: relative;z-index: 2;}
#contents03 .inBox {position: relative;border: 0.27vw solid #D2D2D2;border-radius: 2.4vw;background: #F3F5FA;padding: 8.2vw 6vw 10.9vw 6vw;margin-bottom: 9.9vw;}
#contents03 .inBox h4 {font-size: 4.80vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.24vw;margin-bottom: 4.67vw;position: relative;text-align: center;}
#contents03 .inBox p.text {font-size: 3.73vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 3.3vw;position: relative;}
#contents03 .inBox2 {position: relative;text-align: center;}
#contents03 .inBox span.icon01 {display: block;line-height: 1;position: absolute;bottom: -8.8vw;left: 40vw;width: 7vw;transform: rotate(90deg);transform-origin: center;}
#contents03 .inBox span.icon01 img {  }
#contents03 .inBox2 figure.img {position: relative;top: 0.53vw;margin: 0 30vw 1vw 30.3vw;}
#contents03 .inBox2 figure.img img{  }
#contents03 .inBox2 span.tanto{font-size: 3.20vw;position: relative;left: 0.17vw;letter-spacing: 0.16vw;}

#contents04 {margin: 0 auto 14.67vw;position: relative;}
#contents04 .inner-Box {margin: 0 6.3vw;position: relative;}
#contents04 .inner-Box p.btn {  }
#contents04 .inner-Box p.btn img {width: 100%;height: auto;}


    #topics-section {position: relative;overflow: hidden;margin-bottom: 0vw;background: #fff;padding-bottom: 2.1vw;}      
    #topics-section .topics-inner {padding: 12vw 1vw;margin: 0 4vw;position: relative;z-index: 2;}      
    #topics-section .bg-right {position: absolute;top: 0;right: 0; /* 右端基準で貼る */height: 100%;z-index: 1;background: #F3F5FA; /* 好きな色に */border-radius: 8.0vw 0 0 8.0vw;width: calc(42.67vw + (100vw + 0vw) / 2);display: none;}
    
    #topics-section .topics-inner h2{font-size: 6.40vw;font-weight: bold;letter-spacing: 0.27vw;margin-left: 1.6vw;margin-bottom: 7.93vw;}
    #topics-section .topics-inner h2 .f-en{font-size: 3.20vw;font-weight: bold;color: #0057AA;display: block;margin-bottom: 1.47vw;position: relative;right: 1.6vw;}
    #topics-section .topics-inner h2 .f-en img{display: inline-block;margin: 0 4.0vw 0 0;position: relative;top: -0.8vw;left: 1.33vw;width: 2.7vw;}
    #topics-section .topics-inner .morebtn{position: relative;}
    #topics-section .topics-inner .morebtn a{padding-left: 14.67vw;font-size: 4.27vw;text-align: center;padding: 3.7vw 0vw 0 0vw;height: 15vw;margin: 0 1.6vw;}
    #topics-section .topics-inner .morebtn a .arr{top: 5.9vw;right: 6vw;}
    #topics .system-list{padding: 0 1.67vw;margin-bottom: 10.23vw!important;}
    #topics .system-list li{/* overflow: hidden; */line-height: 1.4;margin-bottom: 6.53vw;border-bottom: #D2D2D2 0.27vw solid;}
    #topics .system-list li a{display: block;text-align: left;padding-bottom: 4.8vw;margin: 0;}
    #topics .system-list li a:hover{ text-decoration: none;}
    #topics .system-list li .text-box {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 0;}
    #topics .system-list li .system-date {position: relative;padding: 0 0 0 21.57vw;width: 100%;margin-bottom: 1.5vw;}
    #topics .system-list li .system-date .dayt{font-size: 3.53vw;font-weight: 500;position: absolute;top: 1.43vw;left: 0.07vw;}
    #topics .system-list li .system-date .cate{font-size: 3.2vw;border: 0.27vw solid #D2D2D2;border-radius: 8.0vw;display: inline-block;background: #fff!important;padding: 1.5vw 4.07vw;margin-bottom: 1.33vw;letter-spacing: -0.2vw;margin-right: 1vw;}
    #topics .system-list li .system-ttl-01 {flex: 1;padding: 1.6vw 1.6vw;display: inline-block;}
  
}