@charset "UTF-8";

#movie-back {position: fixed;top: 0;left: 0;width: 100vw;height: 130vh;z-index: -1;overflow: hidden;}
#movie-back video {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 100vw;min-height: 130vh;width: auto;height: auto;object-fit: cover;}
#movie-back {
  transition: opacity 0.4s ease;
}


@media screen and (min-width: 768px),print {  
  .ovhBox{overflow: hidden;}
  #about-back {position: fixed;top: 0;left: 0;width: 100vw;height: 130vh;z-index: -2;overflow: hidden; background: url(../images/index/contents06-back01.jpg)no-repeat top center; background-size: cover;
    filter: blur(12px);
    transition: filter 0.1s linear; /* JSで制御するので短め */
    will-change: filter;}
  body{ overflow-x: hidden;}
  header .h-logo{width: 24.27vw;transition: all 0.3s ease-in-out;padding-top: 3.5rem;}
  header.fixscroll .h-logo{width: 28rem;padding-top: 1.5rem;}

  #contentsmain .ttl-Box h1.ttl01, #contentsmain .ttl-Box h2.ttl02, #contentsmain .ttl-Box h2.ttl03 { opacity: 0; transform: translateY(15px); transition: opacity 0.5s ease, transform 0.5s ease; }
  #contentsmain {margin: 0 auto -1.4rem;position: relative;padding: 26.5rem 5rem 0;}
  #contentsmain .ttl-Box {margin: 0 auto;position: relative;z-index: 3;width: 100%;top: -4.2vw;}
  #contentsmain .ttl-Box h1.ttl01 {position: absolute;top: 0;left: 50%;width: 6.93vw;margin-left: 9.2vw;}
  #contentsmain .ttl-Box h2.ttl02 {position: absolute;top: 0.2vw;left: 50%;width: 9.53vw;margin-left: -4.6vw;}
  #contentsmain .ttl-Box h2.ttl03 {position: absolute;top: 0;left: 50%;width: 6.98vw;margin-left: -16.1vw;}
  #contentsmain .ttl-Box h1.ttl01 img { width: 100%; height: auto; }
  #contentsmain .ttl-Box h2.ttl02 img { width: 100%; height: auto; }
  #contentsmain .ttl-Box h2.ttl03 img { width: 100%; height: auto; }

  #contentsmain .inner-Box {margin: 0 auto 6.8rem;position: relative;overflow: hidden;border-radius: 20px;}
  #contentsmain .inner-Box ul.mainslide {}
  #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 span.en {display: block;line-height: 1;margin: 0 -2rem 7.2rem;}
  #contentsmain span.en img {width: 100%;height: auto;}
  #contentsmain .inner-Box2 {margin: 0 auto;position: relative;max-width: 1490px;padding: 63px 350px 0;}
  #contentsmain .inner-Box2 p.text {font-size: 1.6rem;line-height: 3;font-weight: 500;letter-spacing: 0.32rem;margin-bottom: 310px;position: relative;text-align: center;color: #fff;}
  #contentsmain .inner-Box2 figure.img01 { position: absolute; top: 0; left: 0; width: 28.9rem;}
  #contentsmain .inner-Box2 figure.img02 {position: absolute;top: 22rem;left: 15.3rem; width: 16.8rem;}
  #contentsmain .inner-Box2 figure.img03 {position: absolute;top: 0;right: 65px; width: 24.7rem;}
  #contentsmain .inner-Box2 figure.img04 {position: absolute;top: 310px;right: 168px; width: 22.7rem;}
  #contentsmain .inner-Box2 img{ width: 100%; height: auto; border-radius: 10px; }


#contents01 {margin: 0 auto -170px;position: relative;background: #E9E7DE;padding-bottom: 120px;}
#contents01::before{content: "";display: block;width: 100%;height: 128px;background: url(../images/recruits/contents01-back01.svg)no-repeat top center;position: absolute;top: -103px;left: 0;background-size: cover;}

#contents01 .inner-Box {margin: 0 auto 12.2rem;position: relative;padding: 1.1rem 4rem 0 4rem;max-width: 1182px;min-height: 30rem;}
#contents01 .inner-Box h2 {font-size: 2.4rem;line-height: 1.55;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: 0px;position: absolute;top: 0rem;left: 4.8rem;text-align: center;}
#contents01 .inner-Box h2 span{color: #1788A0;font-weight: 500;font-size: 1.2rem;letter-spacing: 0.24rem;display: block;}
#contents01 .inner-Box ul.systemlist {margin-bottom: 41px;margin-left: 23rem;}
#contents01 .inner-Box ul li {position: relative;border-bottom: #B4B4B4 1px solid;margin-bottom: 22px;padding-left: 5px;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box ul li a {text-align: left;}
#contents01 .inner-Box ul li a:hover {  }
#contents01 .inner-Box p.system-date {min-height: 26px;font-size: 1.4rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 13px;position: relative;padding: 0 0 0 94px;}
#contents01 .inner-Box p.system-date span.day { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box p.system-date span.cate {font-size: 1.2rem;line-height: 1;display: inline-block;background: #C4C4C4;border-radius: 20px;padding: 7px 9px;}
#contents01 .inner-Box p.system-ttl-01 {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 19px;position: relative;}
#contentsnews .systemlist a.link-arr .post-arrow{ overflow: hidden; bottom: -6px; right: -5px; }
#contents01 .inner-Box p.glbtn {font-size: 1.6rem;line-height: 2;font-weight: 500;letter-spacing: 0.16rem;position: absolute;top: 99px;left: 4rem;width: 134px;text-align: left;}
#contents01 .inner-Box p.glbtn a {text-align: left;}
#contents01 .inner-Box p.glbtn a:hover {  }
#contents01 .inner-Box p.glbtn a.link-arr .post-arrow .arrow-bg{background: #1788A0;border: 1px solid #1788A0;}
#contents01 .inner-Box p.glbtn a.link-arr img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

#contents02 {overflow: hidden;margin: 0 auto 0px;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top 21px center;background-size: 100% auto;padding-top: 21px;padding-bottom: 60px;}
#contents02 .ttl-Box {margin: 0 auto;position: relative;max-width: 1100px;padding: 13.7rem 4rem 0 4rem;height: 243px;}
#contents02 .ttl-Box figure.img01 {position: absolute;top: -15px;right: -40px;}
#contents02 .ttl-Box figure.img01::before{content: "";display: block;width: 54.5rem;height: 7.1rem;position: absolute;background: url(../images/index/contents02-img012.png)no-repeat top center;background-size: 100% auto;bottom: -3px;right: -370px;}
#contents02 .ttl-Box h2 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: 0px;position: relative;text-align: center;color: #fff;}
#contents02 .ttl-Box h2 span.f-en {display: block;font-size: 1.2rem;letter-spacing: 0.24rem;font-weight: 500;margin: -4px 0 0;}
#contents02 .ttl-Box figure.img02 {position: absolute;bottom: -80px;left: -32px;z-index: 3;}
#contents02 .ttl-Box figure.img02 img{  }
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box ul.service-slide {}
#contents02 .inner-Box ul li {position: relative;background: #fff;width: 1100px;height: 529px;border: 2px solid #000000;border-radius: 20px;margin: 0 20px;padding: 6rem; }
#contents02 .inner-Box {margin: 0 auto;position: relative;padding-bottom: 204px;}
#contents02 .inner-Box h3 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.24rem;margin-bottom: 4px;position: relative;color: #1788A0;top: -9px;}
#contents02 .inner-Box h3 span.f-en {  }
#contents02 .inner-Box h3 span.ent {font-size: 3rem;letter-spacing: 0.3rem;display: inline-block;margin-right: 7px;}
#contents02 .inner-Box h3.rubi::before{content: "しゅんせつ";font-weight: bold;font-size: 1rem;letter-spacing: 0;position: absolute;top: -3px;left: 75px;}
#contents02 .inner-Box h4 {font-size: 1.8rem;line-height: 1.75;font-weight: 500;letter-spacing: 0.18rem;margin-bottom: 18px;position: relative;left: -3px;}
#contents02 .inner-Box figure.photo {position: absolute;top: 6rem;right: 6rem;overflow: hidden;border-radius: 20px;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.ltext {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 30px;position: relative;width: 44.9rem;}

#contents02 .inner-Box ul.service-slide .slick-dots {display: block;width: auto;padding: 0;margin: 0;list-style: none;text-align: center;position: absolute;left: 50%;transform: translateX(-50%);bottom: -84px;}
#contents02 .inner-Box ul.service-slide .slick-dots li {position: relative;display: inline-block;width: 0.6rem;height: 0.6rem;margin: 0 10px;padding: 0;cursor: pointer;border: none;}
#contents02 .inner-Box ul.service-slide .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 0.6rem;height: 0.6rem;padding: 0;cursor: pointer;color: transparent;border: 0;border-radius: 50%;outline: none;background: transparent;background: #FFFFFF;}
#contents02 .inner-Box ul.service-slide .slick-dots li button:hover, #contents02 .inner-Box ul.service-slide .slick-dots li button:focus {outline: none; }
#contents02 .inner-Box ul.service-slide .slick-dots li button:hover:before, #contents02 .inner-Box ul.service-slide .slick-dots li button:focus:before {opacity: 1; }
#contents02 .inner-Box ul.service-slide .slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 0.6rem;height: 0.6rem;content: '';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#contents02 .inner-Box ul.service-slide .slick-dots li.slick-active button { background: #B4B4B4;  }

#contents02 .inner-Box ul.service-slide .prev-arrow{position: absolute;bottom: -94px;left: 50%;margin-left: -121px;display: block;width: 33px;height: 33px;background: #fff;border-radius: 50%;border: 1px solid #000000;transform: scale(-1, 1);padding: 6px 0 0 9px;line-height: 1;transition: all 0.3s ease-in-out;z-index: 4;}
#contents02 .inner-Box ul.service-slide .next-arrow{position: absolute;bottom: -94px;margin-left: 87px;left: 50%;display: block;width: 33px;height: 33px;background: #fff;border-radius: 50%;border: 1px solid #000000;padding: 6px 0 0 9px;line-height: 1;transition: all 0.3s ease-in-out;z-index: 3;}
#contents02 .inner-Box ul.service-slide .next-arrow img,#contents02 .inner-Box ul.service-slide .prev-arrow img{ /* black */ -webkit-filter: brightness(0); filter: brightness(0);transition: all 0.3s ease-in-out;}
#contents02 .inner-Box ul.service-slide .prev-arrow:hover,#contents02 .inner-Box ul.service-slide .next-arrow:hover{ background: #000; }
#contents02 .inner-Box ul.service-slide .next-arrow:hover img,#contents02 .inner-Box ul.service-slide .prev-arrow:hover img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


#contents02 .inner-Box figure.img03 { position: absolute; top: 0; left: 0; }
#contents02 .inner-Box figure.img03 img{  }
#contents02 .inner-Box .blue-btn{text-align: left;}
#contents02 .inner-Box .blue-btn a{width: 268px;font-weight: 500;}
#contents02 .inner-Box .blue-btn a .arr img{top: 5px;position: relative;}


#contents03 {margin: 0 auto -157px;position: relative;background: #E9E7DE; /* はみ出し防止 */padding: 292px 3rem 80px;}
#contents03::before { content: ""; position: absolute; top: 938px; left: 50%; width: 1628px; height: 1628px; background: url(../images/index/contents03-icon01.svg) no-repeat center; transform: translate(-50%, -50%) rotate(0deg); transform-origin: center; animation: contents03-rotate 100s linear infinite; will-change: transform; pointer-events: none; }
@keyframes contents03-rotate { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }

#contents03 .img03{position: absolute;top: -145px;left: 50%;z-index: 3;margin-left: -552px;}
#contents03 .img03::before{ content: ""; width: 150px; height: 45px; display: block; background: url(../images/index/contents02-img032.svg)no-repeat top left; background-size: 100% auto; position: absolute; top: -33px; left: -75px; }

#contents03 span.rollicon { display: block; line-height: 1; }
#contents03 span.rollicon img {  }
#contents03 .inner-Box{margin: 0 auto;position: relative;background: url('../images/index/contents03-back01.jpg')no-repeat bottom 90px center #fff;max-width: 1360px;border-radius: 700px 700px 0 0;min-height: 1259px;}
#contents03 .inBox1 {margin: 0 auto 57px;position: relative;}
#contents03 .inBox1 h2 {text-align: center;position: relative;top: -30px;margin-bottom: 31px;}
#contents03 .inBox1 h2 span{  }
#contents03 .inBox1 h2 img {  }
#contents03 .inBox1 figure.photo01 {position: absolute;top: 175px;left: 50%;margin-left: 342px;}
#contents03 .inBox1 figure.photo01 img{  }
#contents03 .inBox1 span.icon02 {display: block;line-height: 1;position: absolute;top: 487px;left: 50%;margin-left: -580px;}
#contents03 .inBox1 span.icon02 img {  }
#contents03 .inBox1 figure.photo02 {position: absolute;top: 306px;left: 50%;margin-left: -646px;}
#contents03 .inBox1 figure.photo02 img{  }
#contents03 .inBox1 p.text {font-size: 1.6rem;line-height: 3;font-weight: 500;letter-spacing: 0.32rem;margin-bottom: 30px;position: relative;text-align: center;}
#contents03 .inBox1 figure.photo03 {position: absolute;top: 544px;left: 50%;margin-left: 402px;z-index: 2;}
#contents03 .inBox1 figure.photo03 img{  }
#contents03 .inBox1 span.icon03 {display: block;line-height: 1;position: absolute;top: 732px;left: 50%;margin-left: 269px;z-index: 0;}
#contents03 .inBox1 span.icon03 img {  }
#contents03 .inBox1 figure.photo04 {position: absolute;top: 722px;left: 50%;margin-left: -600px;}
#contents03 .inBox1 figure.photo04 img{  }
#contents03 .inBox2 {margin: 0 auto;position: relative;z-index: 3;FONT-VARIANT: JIS04;}
#contents03 .inBox2 ul{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;width: 625px;margin: 0 auto;}
#contents03 .inBox2 ul li {position: relative;width: 300px;margin-right: 25px;margin-bottom: 25px;}
#contents03 .inBox2 ul li:nth-child(2n) {margin-right: 0px;top: 20px;}

#contents03 .inBox2 ul li a {border: 1px solid #000000;border-radius: 5px;display: block;width: 300px;height: 77px;background: #1788A0;position: relative;color: #fff;text-align: left;padding: 25px 0 0 25px;}

#contents03 .inBox2 ul li:nth-child(1) a { background:url(../images/index/contents03-banner01.svg)no-repeat top right 58px #1788A0;}
#contents03 .inBox2 ul li:nth-child(2) a { background:url(../images/index/contents03-banner02.svg)no-repeat top right 58px #1788A0;}
#contents03 .inBox2 ul li:nth-child(3) a { background:url(../images/index/contents03-banner03.svg)no-repeat top right 58px #1788A0;}
#contents03 .inBox2 ul li:nth-child(4) a { background:url(../images/index/contents03-banner04.svg)no-repeat top right 58px #1788A0;}
#contents03 .inBox2 ul li:nth-child(5) a { background:url(../images/index/contents03-banner05.svg)no-repeat top right 58px #1788A0;}
#contents03 .inBox2 ul li:nth-child(6) a { background:url(../images/index/contents03-banner06.svg)no-repeat top right 58px #1788A0;}
#contents03 .inBox2 ul li:nth-child(8) a { background:url(../images/index/contents03-banner08.svg)no-repeat top right 58px #1788A0;}
#contents03 .inBox2 ul li:nth-child(7) a { background:url(../images/index/contents03-banner07.svg)no-repeat top right 58px #1788A0; padding: 13px 0 0 25px;}

#contents03 .inBox2 ul li a:hover {  }
#contents03 .inBox2 ul li a.link-arr .post-arrow{top: 21px;right: 10px;}
#contents03 .inBox2 p.ltext {font-size: 1.6rem;line-height: 1.71;font-weight: 400;letter-spacing: 0.16rem;position: relative;}
#contents03 figure.img01 {position: absolute;bottom: 98px;left: 50%;margin-left: -572px;z-index: 3;}
#contents03 figure.img01::before{content: "";display: block;width: 54.5rem;height: 7.1rem;position: absolute;background: url(../images/index/contents03-img012.png)no-repeat top center;background-size: 100% auto;bottom: 39px;left: -390px;}
#contents03 figure.img01 img{position: relative;z-index: 3;}


#contents04 {margin: 0 auto -170px;position: relative;background: #1788A0;padding-bottom: 120px;}
#contents04::before{content: "";display: block;width: 100%;height: 128px;background: url(../images/index/contents04-back01.svg)no-repeat top center;position: absolute;top: -103px;left: 0;background-size: cover;}

#contents04 .inner-Box {margin: 0 auto;position: relative;padding: 41px 3rem 11rem;max-width: 1060px;}
#contents04 .inner-Box h2 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: 48px;position: relative;text-align: center;color: #fff;}
#contents04 .inner-Box h2 span.f-en {display: block;font-size: 1.2rem;letter-spacing: 0.24rem;font-weight: 500;margin: -4px 0 0;}
#contents04 .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;margin-bottom: -10px;}
#contents04 .inner-Box ul li {position: relative;width: 47.8%;margin-right: 4.4%;border-radius: 10px;overflow: hidden;margin-bottom: 44px;}
#contents04 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents04 .inner-Box ul li a {display: block;height: 170px;color: #fff; background-size: 100% auto; transition: all 0.3s ease-in-out;}
#contents04 .inner-Box ul li a::before{ content: ""; display: block; width: 100%; height: 170px; position: absolute; background: rgba(0,0,0,0.5); top: 0; left: 0;transition: all 0.3s ease-in-out; }
#contents04 .inner-Box ul li:nth-child(1) a{ background: url(../images/index/contents04-banner01.jpg)no-repeat center center;background-size: auto 100%; }
#contents04 .inner-Box ul li:nth-child(2) a{ background: url(../images/index/contents04-banner02.jpg)no-repeat center center;background-size: auto 100%; }
#contents04 .inner-Box ul li:nth-child(3) a{ background: url(../images/index/contents04-banner03.jpg)no-repeat center center;background-size: auto 100%; }
#contents04 .inner-Box ul li:nth-child(4) a{ background: url(../images/index/contents04-banner04.jpg)no-repeat center center;background-size: auto 100%; }
#contents04 .inner-Box ul li a.link-arr .post-arrow{top: auto;bottom: 2rem;right: 2rem;}
#contents04 .inner-Box ul li a:hover { background-size: auto 110%; }
#contents04 .inner-Box ul li a:hover::before{ background: rgba(0,0,0,0.2);  }

#contents04 .inner-Box p.ltext {font-size: 2rem;line-height: 2;font-weight: 700;letter-spacing: 0.6rem;position: relative;top: 39%;}
#contents04 .inner-Box p.btn {text-align: center;z-index: 4;position: relative;width: 266px;margin: 0 auto;}
#contents04 .inner-Box p.btn img {  }
#contents04 .inner-Box p.btn a.link-arr .post-arrow{top: auto;bottom: 0.2rem;right: 0.7rem;}

#contents04 .inner-Box figure.img01 {position: absolute;bottom: 64px;left: 50%;z-index: 4;margin-left: -624px;}
#contents04 .inner-Box figure.img01 img{  }


#contents05 {margin: 0 auto;position: relative;padding: 60px 3rem 140px;background: #fff;background-size: 100% auto;z-index: 3;}
#contents05::before{ content: ""; display: block; width: 100%; height: 115px; background: url(../images/common/contentsend-icon01.svg)no-repeat top center; position: absolute; top: -115px; left: 0; background-size: 100% auto;}
#contents05::after{content: "";display: block;width: 100%;height: 115px;background: url(../images/index/contents05-back01.svg)no-repeat bottom center;position: absolute;bottom: -98px;left: 0;background-size: 100% auto;}
#contents05 span.namiicon {display: block;line-height: 1;position: absolute;top: 1163px;right: 0;}
#contents05 span.namiicon img {  }
#contents05 .inner-Box1 {margin: 0 auto 123px;position: relative;padding: 20px 4rem 0;/* overflow: hidden; */max-width: 1179px;}
#contents05 .inner-Box1 h2 {position: relative;top: -25px;left: -3px;margin-bottom: -115px;}
#contents05 .inner-Box1 h2 span{  }
#contents05 .inner-Box1 h2 img {  }
#contents05 .inner-Box1 p.btn {text-align: center;margin-bottom: 50px;}
#contents05 .inner-Box1 p.btn img {  }
#contents05 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 41px;}
#contents05 .inner-Box1 figure.photo img{width: 100%;}

#contents05 .inner-Box1 ul.btnlist {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;justify-content: center;}
#contents05 .inner-Box1 ul li {position: relative;margin-right: 30px;}
#contents05 .inner-Box1 ul li:nth-child(2n) { margin-right: 0px; }
#contents05 .inner-Box1 ul li:nth-child(2n) a{ color: #fff; background: #1788A0; }
#contents05 .inner-Box1 ul li a {display: inline-block;border: 1px solid #000000;border-radius: 21px;background: #E9E7DE;padding: 3px 20px;}
#contents05 .inner-Box1 ul li a:hover {  }
#contents05 .inner-Box1 p.ltext {font-size: 1.4rem;line-height: 2;font-weight: 700;letter-spacing: 0.16rem;position: relative;}
#contents05 .inner-Box2 {margin: 0 auto;position: relative;padding: 0 4rem;max-width: 1179px;}
#contents05 .inner-Box2 figure.img01 {position: absolute;top: 0;left: 50%;margin-left: 275px;}
#contents05 .inner-Box2 figure.img01 img{  }
#contents05 .inner-Box2 figure.img01::before{content: "";display: block;width: 20.5rem;height: 5.7rem;position: absolute;background: url(../images/index/contents05-img012.svg)no-repeat top center;background-size: 100% auto;top: -15px;left: -112px;}

#contents05 .inner-Box2 h2 {position: relative;top: -25px;left: -3px;margin-bottom: -115px;}
#contents05 .inner-Box2 h2 span{  }
#contents05 .inner-Box2 h2 img {  }
#contents05 .inner-Box2 p.btn {text-align: center;margin-bottom: 19px;}
#contents05 .inner-Box2 p.btn img {  }
#contents05 .inner-Box2 h3 {text-align: center;margin-bottom: 40px;}
#contents05 .inner-Box2 h3 span{  }
#contents05 .inner-Box2 h3 img {  }

#contents05 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 40px;}
#contents05 .inner-Box2 figure.photo img{width: 100%;}
#contents05 .inner-Box2 ul.btnlist {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;justify-content: center;}
#contents05 .inner-Box2 ul li {position: relative;margin-right: 0px;}
#contents05 .inner-Box2 ul li a {display: inline-block;border: 1px solid #000000;border-radius: 21px;background: #E9E7DE;padding: 3px 20px;}
#contents05 .inner-Box2 ul li a:hover {  }
#contents05 .inner-Box2 p.ltext {font-size: 1.4rem;line-height: 2;font-weight: 700;letter-spacing: 0.16rem;position: relative;}

#contents05 figure.img02 {position: absolute;bottom: -140px;left: 50%;z-index: 3;margin-left: 210px;}
#contents05 figure.img02 img{  }
#contents05 figure.img02::before{content: "";display: block;width: 6rem;height: 11.7rem;position: absolute;background: url(../images/index/contents05-img022.svg)no-repeat top center;background-size: 100% auto;top: 61px;left: -63px;}

#contents06 {margin: 0 auto 200px;position: relative;padding: 75rem 3rem 0;max-width: 1160px;}
#contents06 .inner-Box {margin: 0 auto 58px;position: relative;}
#contents06 .inner-Box h2 {text-align: center;margin-bottom: 21px;}
#contents06 .inner-Box h2 span{  }
#contents06 .inner-Box h2 img {  }
#contents06 .inner-Box h3 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: 23px;position: relative;text-align: center;color: #fff;}
#contents06 .inner-Box p.subtext {font-size: 1.6rem;line-height: 3;font-weight: 500;letter-spacing: 0.32rem;position: relative;text-align: center;color: #fff;}
#contents06 .inner-Box2 { margin: 0 auto; position: relative; }
#contents06 .inner-Box2 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;margin-bottom: 70px;}
#contents06 .inner-Box2 ul li {position: relative;width: 31.4%;margin-right: 2.9%;}
#contents06 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }

#contents06 .inner-Box2 ul li a {height: 345px;display: block;border-radius: 10px;overflow: hidden;color: #fff;padding-top: 111px;}

#contents06 .inner-Box2 ul li:nth-child(1) a{ background: url(../images/index/contents06-banner01.jpg)no-repeat center center;background-size: auto 100%;transition: all 0.3s ease-in-out; }
#contents06 .inner-Box2 ul li:nth-child(2) a{ background: url(../images/index/contents06-banner02.jpg)no-repeat center center;background-size: auto 100%; transition: all 0.3s ease-in-out;}
#contents06 .inner-Box2 ul li:nth-child(3) a{ background: url(../images/index/contents06-banner03.jpg)no-repeat center center;background-size: auto 100%; transition: all 0.3s ease-in-out;}

#contents06 .inner-Box2 ul li a:hover::before { opacity: 0; }
#contents06 .inner-Box2 ul li a::before{content: "";display: block;width: 100%;height: 345px;position: absolute;background: rgba(115, 178, 191, 1);top: 0;left: 0;transition: all 0.3s ease-in-out;mix-blend-mode: multiply;}
#contents06 .inner-Box2 ul li:nth-child(2) a::before{content: "";display: block;width: 100%;height: 345px;position: absolute;background: rgba(178, 176, 113, 1);top: 0;left: 0;transition: all 0.3s ease-in-out;}
#contents06 .inner-Box2 ul li a:hover { background-size: auto 110%; }
#contents06 .inner-Box2 p.ltext {font-size: 2rem;line-height: 1.8;font-weight: 700;letter-spacing: 0.4rem;margin-bottom: 30px;position: relative;}
#contents06 .inner-Box2 p.ltext span { display: block; }
#contents06 .inner-Box2 p.ltext span.f-en {  }
#contents06 .inner-Box2 ul li a.link-arr .post-arrow{top: auto;bottom: 2rem;right: 2rem;}

#contents06 .inner-Box2 ul li:nth-child(1) p.ltext span{font-size: 5rem;letter-spacing: 1.5rem;padding: 5px 0 5px 12px;margin-bottom: -20px;}
#contents06 .inner-Box2 ul li:nth-child(2) p.ltext span{font-size: 5rem;letter-spacing: 0rem;position: relative;top: -21px;}
#contents06 .inner-Box2 ul li:nth-child(3) p.ltext span{ font-size: 3rem; letter-spacing: 0.6rem; }

#contents06 .inner-Box2 ul li:nth-child(1) p.ltext::before{content: "";background: url(../images/index/contents06-icon01.svg);display: block;width: 60px;height: 84px;position: absolute;top: -66px;left: 56px;}
#contents06 .inner-Box2 ul li:nth-child(3) p.ltext::before{content: "";background: url(../images/index/contents06-icon02.svg);display: block;width: 60px;height: 84px;position: absolute;top: -60px;right: 52px;}

#contents06 figure.img01 {position: absolute;bottom: -193px;left: 50%;margin-left: -572px;z-index: 4;}
#contents06 figure.img01::before{content: "";display: block;width: 54.5rem;height: 7.1rem;position: absolute;background: url(../images/index/contents06-img012.svg)no-repeat top center;background-size: 100% auto;bottom: 3px;left: -390px;}
#contents06 figure.img01 img{position: relative;z-index: 3;}


}
@media screen and (min-width:768px) and ( max-width:1919px) {
#contents02 {background-size: 1920px auto;}
#contents03::before {/* background-size: 1920px auto; */}
#contents04::before { background-size: 1920px auto; }
#contents05::before { background-size: 1920px auto; }
#contents05::after { background-size: 1920px auto; }


}
@media screen and (min-width:768px) and ( max-width:1485px) {
header .h-logo{width: 20.27vw;width: 28rem;padding-top: 1.5rem;}
}

@media screen and (min-width:768px) and ( max-width:1250px) {
  header{height: 11rem;}
header .h-logo{width: 33.27vw;}
header.fixscroll .h-logo{width: 24.9vw;padding-top: 2rem;}

#contentsmain .inner-Box2 {padding: 213px 0px 70px;}
#contentsmain .inner-Box2 figure.img01 {top: 0;left: 50%;margin-left: -210px;}
#contentsmain .inner-Box2 figure.img02 {top: 5rem;left: 50%;margin-left: 80px;}
#contentsmain .inner-Box2 figure.img03 {left: 50%;top: auto;bottom: 15rem;margin-left: 7rem;}
#contentsmain .inner-Box2 figure.img04 {top: auto;left: 50%;bottom: 20rem;margin-left: -200px;}



}
@media screen and (min-width:768px) and ( max-width:1000px) {

  #contents02 .inner-Box ul li {position: relative;background: #fff;width: 700px;height: 529px;border: 2px solid #000000;border-radius: 20px;margin: 0 20px;padding: 8rem 3rem 3rem;}
  #contents02 .inner-Box {margin: 0 auto;position: relative;padding-bottom: 204px;}
  #contents02 .inner-Box h3 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.24rem;margin-bottom: 4px;position: relative;color: #1788A0;top: -9px;}
  #contents02 .inner-Box h3 span.f-en {  }
  #contents02 .inner-Box h3 span.ent {font-size: 3rem;letter-spacing: 0.3rem;display: inline-block;margin-right: 7px;}
  #contents02 .inner-Box h3.rubi::before{content: "しゅんせつ";font-weight: bold;font-size: 1rem;letter-spacing: 0;position: absolute;top: -3px;left: 75px;}
  #contents02 .inner-Box h4 {font-size: 1.8rem;line-height: 1.75;font-weight: 500;letter-spacing: 0.18rem;margin-bottom: 18px;position: relative;left: -3px;}
  #contents02 .inner-Box figure.photo {position: absolute;overflow: hidden;border-radius: 20px;top: 9rem;right: 3rem;width: 46%;}
  #contents02 .inner-Box figure.photo img{  }
  #contents02 .inner-Box p.ltext {width: 35.9rem;}
  

}

@media screen and (min-width:768px) and ( max-width:1050px) {
  header .h-logo{width: 28.27vw;padding-top: 2rem;}



}


@media screen and (max-width: 767px) {
  #about-back {position: fixed;top: 0;left: 0;width: 100vw;height: 160vh;z-index: -2;overflow: hidden; background: url(../images/index/contents06-back01.jpg)no-repeat top center; background-size: cover;
    filter: blur(12px);
    transition: filter 0.1s linear; /* JSで制御するので短め */
    will-change: filter;}
  #contentsmain .ttl-Box h1.ttl01, #contentsmain .ttl-Box h2.ttl02, #contentsmain .ttl-Box h2.ttl03 { opacity: 0; transform: translateY(4.0vw); transition: opacity 0.5s ease, transform 0.5s ease; }
#contentsmain {margin: 0 auto;position: relative;padding: 16.1vw 5.3vw 0;}
#contentsmain .ttl-Box {margin: 0 4vw;position: relative;z-index: 3;width: 100%;top: -4.2vw;}
#contentsmain .ttl-Box h1.ttl01 {position: absolute;top: -4.2vw;left: 50%;width: 13.93vw;margin-left: 14.4vw;}
#contentsmain .ttl-Box h2.ttl02 {position: absolute;top: -3.8vw;left: 50%;width: 19.23vw;margin-left: -13vw;}
#contentsmain .ttl-Box h2.ttl03 {position: absolute;top: -4.1vw;left: 50%;width: 14.08vw;margin-left: -36.6vw;}
#contentsmain .ttl-Box h1.ttl01 img { width: 100%; height: auto; }
#contentsmain .ttl-Box h2.ttl02 img { width: 100%; height: auto; }
#contentsmain .ttl-Box h2.ttl03 img { width: 100%; height: auto; }

#contentsmain .inner-Box {margin: 0 auto 6.9vw;position: relative;overflow: hidden;border-radius: 3.33vw;}
#contentsmain .inner-Box ul.mainslide {}
#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: auto;height: 89.1vw;position: relative;left: 50%;transform: translateX(-50%);}
#contentsmain span.en {display: block;line-height: 1;margin: 0 -1.1vw 11.1vw -0.4vw;}
#contentsmain span.en img {width: 100%;height: auto;}
#contentsmain .inner-Box2 {position: relative;padding-bottom: 16.7vw;}
#contentsmain .inner-Box2 p.text {font-size: 3.73vw;line-height: 2.5;font-weight: 500;letter-spacing: 0.75vw;margin-bottom: 5.87vw;position: relative;text-align: center;color: #fff;}
#contentsmain .inner-Box2 figure.img01 {position: relative;top: 0;left: 0;width: 53.9vw;margin-bottom: -22.2vw;}
#contentsmain .inner-Box2 figure.img02 {position: relative;width: 30vw;margin: 0 0 6.1vw auto;}
#contentsmain .inner-Box2 figure.img03 {position: relative;top: 0;width: 37.7vw;margin: 0 5.3vw -18vw auto;}
#contentsmain .inner-Box2 figure.img04 {position: relative;width: 40.5vw;}
#contentsmain .inner-Box2 img{ width: 100%; height: auto; border-radius: 2.67vw; }


#contents01 {margin: 0 auto -38vw;position: relative;background: #E9E7DE;padding-bottom: 32.0vw;}
#contents01::before{content: "";display: block;width: 100%;height: 34.13vw;background: url(../images/recruits/contents01-back01.svg)no-repeat top center;position: absolute;top: -6.6vw;left: 0;background-size: 100% auto;}
#contents01 .inner-Box {margin: 0 auto 12.2rem;position: relative;padding: 1.1rem 4rem 0 4rem;}
#contents01 .inner-Box ul.systemlist {}
#contents01 .inner-Box ul li {position: relative;border-bottom: #B4B4B4 0.27vw solid;margin-bottom: 5.87vw;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents01 .inner-Box ul li a {text-align: left;margin: 0;}
#contents01 .inner-Box ul li a:hover {  }
#contents01 .inner-Box p.system-date {font-size: 3.20vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 1.57vw;position: relative;padding: 0 0 0 20.67vw;min-height: 6vw;}
#contents01 .inner-Box p.system-date span.day {position: absolute;top: 1vw;left: 0;}
#contents01 .inner-Box p.system-date span.cate {font-size: 2.67vw;line-height: 1;display: inline-block;background: #C4C4C4;border-radius: 5.33vw;padding: 1.87vw 2.4vw;}
#contents01 .inner-Box p.system-ttl-01 {font-size: 3.73vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 5.27vw;position: relative;padding-right: 12vw;}
#contentsnews .systemlist a.link-arr .post-arrow{overflow: hidden;bottom: -1.7vw;right: -2vw;}
#contents01 .inner-Box p.glbtn a.link-arr .post-arrow{background: #1788A0;border: 0.27vw solid #1788A0;top: -2px;right: 0;}
#contents01 .inner-Box {margin: 0 auto 12.2vw;position: relative;padding: 7.5vw 5.2vw 0 5.2vw;}
#contents01 .inner-Box h2 {font-size: 5.87vw;line-height: 1.55;font-weight: 700;letter-spacing: 1.17vw;margin-bottom: 7.2vw;position: relative;text-align: center;}
#contents01 .inner-Box h2 span{color: #1788A0;font-weight: 500;font-size: 2.67vw;letter-spacing: 0.53vw;display: block;}
#contents01 .inner-Box p.glbtn {font-size: 4.27vw;line-height: 2;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 8.0vw;position: relative;text-align: left;}
#contents01 .inner-Box p.glbtn a {text-align: right;margin: 0;padding-right: 12.5vw;}
#contents01 .inner-Box p.glbtn a:hover {  }
#contents01 .inner-Box p.glbtn a.link-arr .post-arrow .arrow-bg{background: #1788A0;border: 0.27vw solid #1788A0;}
#contents01 .inner-Box p.glbtn a.link-arr img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);top: -2.5vw;}
#contents01 .inner-Box .systemlist a.link-arr .post-arrow{top: 57%;transform: translateY(-50%);right: -1vw;}


#contents02 {overflow: hidden;margin: 0 auto 0.0vw;position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top 8.6vw center;background-size: 100% auto;padding-top: 5.6vw;padding-bottom: 16.0vw;}
#contents02 .ttl-Box {position: relative;padding-top: 24.7vw;margin-bottom: 7.6vw;}
#contents02 .ttl-Box figure.img01 {position: absolute;top: -5.6vw;width: 38vw;left: 40%;margin-left: -29px;}
#contents02 .ttl-Box figure.img01::before{content: "";display: block;width: 44.1vw;height: 10.67vw;position: absolute;background: url(../images/index/contents02-img012.png)no-repeat top center;background-size: auto 100%;bottom: 1vw;left: 20vw;}
#contents02 .ttl-Box h2 {font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.17vw;margin-bottom: 0.0vw;position: relative;text-align: center;color: #fff;}
#contents02 .ttl-Box h2 span.f-en {display: block;font-size: 2.67vw;letter-spacing: 0.53vw;font-weight: 500;margin: -1vw 0 0;}
#contents02 .ttl-Box figure.img02 {position: absolute;bottom: -20vw;left: 5vw;z-index: 3;width: 24.6vw;}
#contents02 .ttl-Box figure.img02 img{  }
#contents02 .inner-Box {position: relative;}
#contents02 .inner-Box ul.service-slide {}
#contents02 .inner-Box ul li {position: relative;background: #fff;height: 182.67vw;border: 0.53vw solid #000000;border-radius: 5.33vw;margin: 0 2.67vw;padding: 6vw;width: 78.67vw;}
#contents02 .inner-Box {position: relative;padding-bottom: 46.9vw;}
#contents02 .inner-Box h3 {font-size: 4.80vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.48vw;margin-bottom: 0.07vw;position: relative;color: #1788A0;top: 0vw;}
#contents02 .inner-Box h3 span.f-en {  }
#contents02 .inner-Box h3 span.ent {font-size: 6.40vw;letter-spacing: 0.64vw;display: inline-block;margin-right: 0.87vw;}
#contents02 .inner-Box h3.rubi::before{content: "しゅんせつ";font-weight: bold;font-size: 1.87vw;letter-spacing: 0;position: absolute;top: 0vw;left: 20.0vw;}
#contents02 .inner-Box h4 {font-size: 4.27vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 3.2vw;position: relative;margin-right: -3vw;left: 0vw;}
#contents02 .inner-Box figure.photo {position: relative;overflow: hidden;border-radius: 3.33vw;margin-bottom: 4.6vw;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.ltext {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 8.0vw;position: relative;}


#contents02 .inner-Box ul.service-slide .slick-dots {position: absolute;bottom: -14.07vw;left: 34.4vw;display: block;width: auto;padding: 0;margin: 0;list-style: none;text-align: center;}
#contents02 .inner-Box ul.service-slide .slick-dots li {position: relative;display: inline-block;width: 0.6rem;height: 0.6rem;margin: 0 2.67vw;padding: 0;cursor: pointer;border: none;}
#contents02 .inner-Box ul.service-slide .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 0.6rem;height: 0.6rem;padding: 0;cursor: pointer;color: transparent;border: 0;border-radius: 50%;outline: none;background: transparent;background: #FFFFFF;}
#contents02 .inner-Box ul.service-slide .slick-dots li button:hover, #contents02 .inner-Box ul.service-slide .slick-dots li button:focus {outline: none; }
#contents02 .inner-Box ul.service-slide .slick-dots li button:hover:before, #contents02 .inner-Box ul.service-slide .slick-dots li button:focus:before {opacity: 1; }
#contents02 .inner-Box ul.service-slide .slick-dots li button:before {font-family: 'slick';font-size: 1.6vw;line-height: 5.33vw;position: absolute;top: 0;left: 0;width: 0.6rem;height: 0.6rem;content: '';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#contents02 .inner-Box ul.service-slide .slick-dots li.slick-active button { background: #B4B4B4;  }

#contents02 .inner-Box ul.service-slide .prev-arrow{position: absolute;bottom: -16.87vw;left: 18vw;display: block;width: 8.8vw;height: 8.8vw;background: #fff;border-radius: 50%;border: 2px solid #000000;transform: scale(-1, 1);padding: 2.1vw 2.6vw 0 2.4vw;line-height: 1;transition: all 0.3s ease-in-out;}
#contents02 .inner-Box ul.service-slide .next-arrow{position: absolute;bottom: -16.6vw;right: 18vw;display: block;width: 8.8vw;height: 8.8vw;background: #fff;border-radius: 50%;border: 2px solid #000000;padding: 2.1vw 2.7vw 2.1vw 2.5vw;line-height: 1;transition: all 0.3s ease-in-out;}
#contents02 .inner-Box ul.service-slide .next-arrow img,#contents02 .inner-Box ul.service-slide .prev-arrow img{ /* black */-webkit-filter: brightness(0);filter: brightness(0);transition: all 0.3s ease-in-out;:p;left: 0;position: relative;top: -0.6vw;}



#contents02 .inner-Box figure.img03 { position: relative; top: 0; left: 0; }
#contents02 .inner-Box figure.img03 img{  }
#contents02 .inner-Box .blue-btn{text-align: left;position: absolute;bottom: 10.7vw;width: 65.5vw;}
#contents02 .inner-Box .blue-btn a{font-weight: 500;margin: 0vw -1vw;}
#contents02 .inner-Box .blue-btn a .arr img{top: 1.33vw;position: relative;}


#contents03 {margin: 0 auto -5.7vw;position: relative;background: #E9E7DE; /* はみ出し防止 */padding: 29.97vw 0vw 0vw;}
#contents03::before {content: "";position: absolute;top: 94vw;left: 50%;width: 164.30vw;height: 164.30vw;background: url(../images/index/contents03-icon01.svg) no-repeat center;transform: translate(-50%, -50%) rotate(0deg);transform-origin: center;animation: contents03-rotate 100s linear infinite;will-change: transform;pointer-events: none;background-size: 100% auto;}
@keyframes contents03-rotate { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }

#contents03 .img03{position: absolute;top: -28.4vw;left: 50%;z-index: 3;margin-left: -18vw;width: 37.7vw;}
#contents03 .img03::before{content: "";width: 40.0vw;height: 12.0vw;display: block;background: url(../images/index/contents02-img032.svg)no-repeat top left;background-size: 100% auto;position: absolute;top: -10.7vw;left: -21.8vw;}

#contents03 span.rollicon { display: block; line-height: 1; }
#contents03 span.rollicon img {  }
#contents03 .inner-Box{position: relative;background: url('../images/index/contents03-back01.jpg')no-repeat bottom 0vw center #fff;border-radius: 50vw 50vw 0 0;background-size: 200% auto;padding-bottom: 31vw;}
#contents03 .inBox1 {margin: 0 auto 40.9vw;position: relative;}
#contents03 .inBox1 h2 {text-align: center;position: relative;top: -4vw;margin: 0 16vw 28.47vw;z-index: 4;}
#contents03 .inBox1 h2 span{  }
#contents03 .inBox1 h2 img {  }
#contents03 .inBox1 figure.photo01 {position: absolute;top: 36.57vw;right: 5.2vw;width: 36.2vw;}
#contents03 .inBox1 figure.photo01 img{  }
#contents03 .inBox1 span.icon02 {display: block;line-height: 1;position: absolute;top: 67.2vw;left: -2vw;margin-left: 0vw;width: 45vw;}
#contents03 .inBox1 span.icon02 img {  }
#contents03 .inBox1 figure.photo02 {position: absolute;top: 46.6vw;left: 5.4vw;margin-left: 0vw;width: 40.9vw;}
#contents03 .inBox1 figure.photo02 img{  }
#contents03 .inBox1 p.text {font-size: 3.73vw;line-height: 2.5;font-weight: 500;letter-spacing: 0.75vw;margin-bottom: 8.0vw;position: relative;text-align: center;}
#contents03 .inBox1 figure.photo03 {position: absolute;top: 168.8vw;right: 7.4vw;margin-left: 0vw;width: 34.3vw;z-index: 3;}
#contents03 .inBox1 figure.photo03 img{  }
#contents03 .inBox1 span.icon03 {display: block;line-height: 1;position: absolute;top: 171.4vw;left: 41vw;width: 54vw;}
#contents03 .inBox1 span.icon03 img {  }
#contents03 .inBox1 figure.photo04 {position: absolute;top: 181.2vw;left: 8vw;margin-left: 0vw;width: 40.4vw;}
#contents03 .inBox1 figure.photo04 img{  }
#contents03 .inBox2 {margin: 0 5.2vw;position: relative;z-index: 3;}
#contents03 .inBox2 ul{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 .inBox2 ul li {position: relative;margin-right: 3.2%;margin-bottom: 2.77vw;width: 48.2%;}
#contents03 .inBox2 ul li:nth-child(2n) {margin-right: 0.0vw;}

#contents03 .inBox2 ul li a {border: 0.27vw solid #000000;border-radius: 1.33vw;display: block;height: 24.53vw;background: #1788A0;position: relative;color: #fff;text-align: left;padding: 8.67vw 0 0 3.67vw;width: 100%;margin: 0;}

#contents03 .inBox2 ul li:nth-child(1) a {background: url(../images/index/contents03-banner01.svg)no-repeat center right 10.47vw #1788A0;background-size: auto 84%;}
#contents03 .inBox2 ul li:nth-child(2) a {background: url(../images/index/contents03-banner02.svg)no-repeat center right 10.17vw #1788A0;background-size: auto 79%;}
#contents03 .inBox2 ul li:nth-child(3) a {background:url(../images/index/contents03-banner03.svg)no-repeat center right 10.47vw #1788A0;background-size: auto 87%;}
#contents03 .inBox2 ul li:nth-child(4) a {background: url(../images/index/contents03-banner04.svg)no-repeat center right 8.27vw #1788A0;background-size: auto 78%;}
#contents03 .inBox2 ul li:nth-child(5) a {background: url(../images/index/contents03-banner05.svg)no-repeat center right 9.47vw #1788A0;background-size: auto 81%;}
#contents03 .inBox2 ul li:nth-child(6) a {background:url(../images/index/contents03-banner06.svg)no-repeat center right 10.47vw #1788A0;background-size: auto 82%;}
#contents03 .inBox2 ul li:nth-child(8) a {background: url(../images/index/contents03-banner08.svg)no-repeat center right 10.17vw #1788A0;background-size: auto 80%;}
#contents03 .inBox2 ul li:nth-child(7) a {background:url(../images/index/contents03-banner07.svg)no-repeat center right 10.47vw #1788A0;padding: 3.47vw 0 0 6.67vw;background-size:  auto 80%;}

#contents03 .inBox2 ul li:nth-child(2) a,
#contents03 .inBox2 ul li:nth-child(3) a,
#contents03 .inBox2 ul li:nth-child(5) a,
#contents03 .inBox2 ul li:nth-child(6) a{ padding-top: 6vw; }
#contents03 .inBox2 ul li:nth-child(7) a{padding-top: 1.6vw;padding-left: 4vw;}
#contents03 .inBox2 ul li:nth-child(7) a  p.ltext{line-height: 1.4;}

#contents03 .inBox2 ul li a:hover {  }
#contents03 .inBox2 ul li a.link-arr .post-arrow{top: 7.8vw;right: 2.97vw;}
#contents03 .inBox2 p.ltext {font-size: 3.73vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.37vw;position: relative;}
#contents03 figure.img01 {position: absolute;bottom: -7.87vw;left: 50%;margin-left: -21.9vw;z-index: 3;width: 40vw;}
#contents03 figure.img01::before{content: "";display: block;width: 35vw;height: 16vw;position: absolute;background: url(../images/index/contents03-img012.png)no-repeat top right -18vw;background-size: auto 13vw;bottom: 3.4vw;left: -28vw;}
#contents03 figure.img01 img{position: relative;z-index: 3;}


#contents04 {margin: 0 auto -6.8vw;position: relative;background: #1788A0;}
#contents04::before{content: "";display: block;width: 102%;height: 34.13vw;background: url(../images/index/contents04-back01.svg)no-repeat top center;position: absolute;top: -7vw;left: -1vw;background-size: 102% auto;}

#contents04 .inner-Box {position: relative;padding: 14.6vw 0vw 1vw;}
#contents04 .inner-Box h2 {font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.17vw;margin-bottom: 7.6vw;position: relative;text-align: center;color: #fff;}
#contents04 .inner-Box h2 span.f-en {display: block;font-size: 2.67vw;letter-spacing: 0.53vw;font-weight: 500;margin: -0.8vw 0 0;}
#contents04 .inner-Box ul.list {margin: 0vw 5.8vw 7vw;}
#contents04 .inner-Box ul li {position: relative;border-radius: 2.67vw;overflow: hidden;margin-bottom: 3.73vw;}
#contents04 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
#contents04 .inner-Box ul li a {display: block;height: 35.93vw;color: #fff;background-size: 100% auto;transition: all 0.3s ease-in-out;margin: 0;}
#contents04 .inner-Box ul li a::before{ content: ""; display: block; width: 100%; height: 45.33vw; position: absolute; background: rgba(0,0,0,0.5); top: 0; left: 0;transition: all 0.3s ease-in-out; }
#contents04 .inner-Box ul li:nth-child(1) a{ background: url(../images/index/contents04-banner01.jpg)no-repeat center center;background-size: auto 100%; }
#contents04 .inner-Box ul li:nth-child(2) a{ background: url(../images/index/contents04-banner02.jpg)no-repeat center center;background-size: auto 100%; }
#contents04 .inner-Box ul li:nth-child(3) a{ background: url(../images/index/contents04-banner03.jpg)no-repeat center center;background-size: auto 100%; }
#contents04 .inner-Box ul li:nth-child(4) a{ background: url(../images/index/contents04-banner04.jpg)no-repeat center center;background-size: auto 100%; }
#contents04 .inner-Box ul li a.link-arr .post-arrow{top: auto;bottom: 5.2vw;right: 5vw;}
#contents04 .inner-Box ul li a:hover { background-size: auto 110%; }
#contents04 .inner-Box ul li a:hover::before{ background: rgba(0,0,0,0.2);  }

#contents04 .inner-Box p.ltext {font-size: 4.80vw;line-height: 2;font-weight: 700;letter-spacing: 1.44vw;position: relative;top: 13.4vw;}
#contents04 .inner-Box p.btn {text-align: center;z-index: 4;position: relative;margin: 0 3vw 0 36vw;}
#contents04 .inner-Box p.btn img {  }
#contents04 .inner-Box p.btn a.link-arr .post-arrow{top: auto;bottom: -1.1vw;right: 0vw;transform: scale(0.8);}

#contents04 .inner-Box figure.img01 {position: absolute;bottom: 5.07vw;left: 4vw;z-index: 4;margin-left: 0vw;width: 37vw;}
#contents04 .inner-Box figure.img01 img{  }


#contents05 {position: relative;padding: 8vw 3vw 17vw 3vw;background: #fff;background-size: 100% auto;z-index: 3;}
#contents05::before{content: "";display: block;width: 100%;height: 30.67vw;background: url(../images/common/contentsend-icon01.svg)no-repeat top center;position: absolute;top: -5vw;left: 0;background-size: 100% auto;}
#contents05::after{content: "";display: block;width: 100%;height: 30.67vw;background: url(../images/index/contents05-back01.svg)no-repeat bottom center;position: absolute;bottom: -7.2vw;left: 0;background-size: 100% auto;}
#contents05 span.namiicon {display: none;line-height: 1;position: absolute;top: 0vw;right: 0;}
#contents05 span.namiicon img {  }
#contents05 .inner-Box1 {margin: 0 auto 13.8vw;position: relative;}
#contents05 .inner-Box1 h2 {position: relative;top: 0vw;left: 0vw;margin: 0vw 34.8vw -1.6vw 1.5vw;}
#contents05 .inner-Box1 h2 span{  }
#contents05 .inner-Box1 h2 img {  }
#contents05 .inner-Box1 p.btn {text-align: center;margin: 0 39vw 5.23vw;}
#contents05 .inner-Box1 p.btn img {  }
#contents05 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin: 0 2vw 8.53vw;}
#contents05 .inner-Box1 figure.photo img{width: 100%;}

#contents05 .inner-Box1 ul.btnlist {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;justify-content: center;}
#contents05 .inner-Box1 ul li {position: relative;margin-right: 8.0vw;}
#contents05 .inner-Box1 ul li:nth-child(2n) { margin-right: 0.0vw; }
#contents05 .inner-Box1 ul li:nth-child(2n) a{ color: #fff; background: #1788A0; }
#contents05 .inner-Box1 ul li a {display: inline-block;border: 0.27vw solid #000000;border-radius: 5.6vw;background: #E9E7DE;padding: 0.8vw 5.33vw;}
#contents05 .inner-Box1 ul li a:hover {  }
#contents05 .inner-Box1 p.ltext {font-size: 3.73vw;line-height: 2;font-weight: 700;letter-spacing: 0.43vw;position: relative;}
#contents05 .inner-Box2 {position: relative;padding-top: 19vw;padding-bottom: 5vw;}
#contents05 .inner-Box2 figure.img01 {position: absolute;top: 3vw;right: 2vw;width: 42.7vw;}
#contents05 .inner-Box2 figure.img01 img{  }
#contents05 .inner-Box2 figure.img01::before{content: "";display: block;width: 54.1vw;height: 5.7rem;position: absolute;background: url(../images/index/contents05-img012.svg)no-repeat top center;background-size: 100% auto;top: -3vw;left: -35.4vw;}

#contents05 .inner-Box2 h2 {position: relative;top: 0vw;left: 0vw;margin: 0 45vw -2vw 1.7vw;padding-top: 2.7vw;}
#contents05 .inner-Box2 h2 span{  }
#contents05 .inner-Box2 h2 img {  }
#contents05 .inner-Box2 p.btn {text-align: center;margin: 0 39vw 3.07vw;}
#contents05 .inner-Box2 p.btn img {  }
#contents05 .inner-Box2 h3 {text-align: center;margin: 0 10.8vw 7.87vw;}
#contents05 .inner-Box2 h3 span{  }
#contents05 .inner-Box2 h3 img {  }

#contents05 .inner-Box2 figure.photo {position: relative;top: 0;margin-bottom: 8vw;left: 0;}
#contents05 .inner-Box2 figure.photo img{width: 100%;}
#contents05 .inner-Box2 ul.btnlist {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;justify-content: center;margin-bottom: 3vw;}
#contents05 .inner-Box2 ul li {position: relative;margin-right: 0.0vw;}
#contents05 .inner-Box2 ul li a {display: inline-block;border: 0.27vw solid #000000;border-radius: 5.6vw;background: #E9E7DE;padding: 0.8vw 5.33vw;}
#contents05 .inner-Box2 ul li a:hover {  }
#contents05 .inner-Box2 p.ltext {font-size: 3.73vw;line-height: 2;font-weight: 700;letter-spacing: 0.43vw;position: relative;}

#contents05 figure.img02 {position: absolute;bottom: -15vw;right: 5vw;z-index: 3;width: 61vw;}
#contents05 figure.img02 img{  }
#contents05 figure.img02::before{content: "";display: block;width: 4rem;height: 11.7rem;position: absolute;background: url(../images/index/contents05-img022.svg)no-repeat top center;background-size: 100% auto;top: 11.07vw;left: -10vw;}

#contents06 {margin: 0 auto 24.33vw;position: relative;padding: 16vw 0;}
#contents06 .inner-Box {margin: 0 auto 7.67vw;position: relative;padding-top: 100vw;}
#contents06 .inner-Box h2 {text-align: center;margin: 0 5vw 0.7vw;}
#contents06 .inner-Box h2 span{  }
#contents06 .inner-Box h2 img {  }
#contents06 .inner-Box h3 {font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.17vw;margin-bottom: 6.13vw;position: relative;text-align: center;color: #fff;}
#contents06 .inner-Box p.subtext {font-size: 3.73vw;line-height: 2.5;font-weight: 500;letter-spacing: 0.75vw;position: relative;text-align: center;color: #fff;margin: 0 7.4vw 0;}
#contents06 .inner-Box2 {margin: 0 1.2vw;position: relative;}
#contents06 .inner-Box2 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;margin-bottom: 7.47vw;}
#contents06 .inner-Box2 ul li {position: relative;width: 100%;margin-bottom: 3.8vw;}
#contents06 .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }

#contents06 .inner-Box2 ul li a {height: 89.4vw;display: block;border-radius: 2.67vw;overflow: hidden;color: #fff;padding-top: 29.6vw;}

#contents06 .inner-Box2 ul li:nth-child(1) a{ background: url(../images/index/contents06-banner01.jpg)no-repeat center center;background-size: auto 100%;transition: all 0.3s ease-in-out; }
#contents06 .inner-Box2 ul li:nth-child(2) a{background: url(../images/index/contents06-banner02.jpg)no-repeat center center;background-size: auto 100%;transition: all 0.3s ease-in-out;padding-top: 27.2vw;padding-left: 4vw;}
#contents06 .inner-Box2 ul li:nth-child(3) a{background: url(../images/index/contents06-banner03.jpg)no-repeat center center;background-size: auto 100%;transition: all 0.3s ease-in-out;padding-left: 3vw;}

#contents06 .inner-Box2 ul li a:hover::before { opacity: 0; }
#contents06 .inner-Box2 ul li a::before{content: "";display: block;width: 100%;height: 92.0vw;position: absolute;background: rgba(115, 178, 191, 1);top: 0;left: 0;transition: all 0.3s ease-in-out;mix-blend-mode: multiply;}
#contents06 .inner-Box2 ul li:nth-child(2) a::before{content: "";display: block;width: 100%;height: 92.0vw;position: absolute;background: rgba(178, 176, 113, 1);top: 0;left: 0;transition: all 0.3s ease-in-out;}
#contents06 .inner-Box2 ul li a:hover { background-size: auto 110%; }
#contents06 .inner-Box2 p.ltext {font-size: 5.33vw;line-height: 1.8;font-weight: 700;letter-spacing: 1.07vw;margin-bottom: 8.0vw;position: relative;}
#contents06 .inner-Box2 p.ltext span { display: block; }
#contents06 .inner-Box2 p.ltext span.f-en {  }
#contents06 .inner-Box2 ul li a.link-arr .post-arrow{top: auto;bottom: 5.1vw;right: 5.6vw;}

#contents06 .inner-Box2 ul li:nth-child(1) p.ltext span{font-size: 13.33vw;letter-spacing: 4.0vw;padding: 0.03vw 0 1.33vw 6.2vw;margin-bottom: -5.6vw;}
#contents06 .inner-Box2 ul li:nth-child(2) p.ltext span{font-size: 13.33vw;letter-spacing: 0.0vw;position: relative;top: -5vw;}
#contents06 .inner-Box2 ul li:nth-child(3) p.ltext span{ font-size: 8.0vw; letter-spacing: 1.6vw; }

#contents06 .inner-Box2 ul li:nth-child(1) p.ltext::before{content: "";background: url(../images/index/contents06-icon01.svg);display: block;width: 16.0vw;height: 22.4vw;position: absolute;top: -17vw;left: 14.93vw;background-size: 100% auto;}
#contents06 .inner-Box2 ul li:nth-child(3) p.ltext::before{content: "";background: url(../images/index/contents06-icon02.svg)no-repeat;display: block;width: 21vw;height: 22.4vw;position: absolute;top: -15vw;right: 8.87vw;background-size: 100% auto;}

#contents06 figure.img01 {position: absolute;bottom: -30vw;left: 23.2vw;margin-left: 0vw;z-index: 4;width: 36.3vw;}
#contents06 figure.img01::before{content: "";display: block;width: 55vw;height: 22vw;position: absolute;background: url(../images/index/contents06-img012.svg)no-repeat top right;background-size: auto 16vw;bottom: -5.2vw;left: -23.2vw;}
#contents06 figure.img01 img{position: relative;z-index: 3;}
#contents06 .blue-btn a{margin: 0 12.8vw;}

}