@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto;position: relative;padding: 30px 0 0 228px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h2 {text-align: center;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }

#contents01 {margin: 0 auto 100px;position: relative;background: url('../images/staff/contents01-back01.png')no-repeat top center;padding: 80px 0 80px;}
#contents01 .inner-Box1 {margin: 0 auto 40px;position: relative;width: 1100px;background: #fff;border-radius: 16px;height: 440px;padding: 73px 0 0 72px;}
#contents01 .inner-Box1 h2 {font-size: 32px;line-height: 1.55;font-weight: 700;letter-spacing: 0px;margin-bottom: 31px;position: relative;}
#contents01 .inner-Box1 h2 span {display: inline-block;background: #FFEE00;line-height: 1;padding: 6px;}
#contents01 .inner-Box1 figure.photo {position: absolute;top: 26px;right: 34px;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 p.text {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 460px;}

#contents01 .inner-Box2 {margin: 0 auto 40px;position: relative;width: 1100px;background: #fff;border-radius: 16px;height: 700px;padding: 73px 0 0 72px;}
#contents01 .inner-Box2 h2 {font-size: 32px;line-height: 1.55;font-weight: 700;letter-spacing: 0px;margin-bottom: 31px;position: relative;}
#contents01 .inner-Box2 h2 span {display: inline-block;background: #FFEE00;line-height: 1;padding: 6px;}
#contents01 .inner-Box2 figure.photo {position: absolute;top: 70px;right: 71px;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 p.text {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 460px;}

#contents01 .inner-Box3 {margin: 0 auto 40px;position: relative;width: 1100px;background: #fff;border-radius: 16px;height: 580px;padding: 73px 0 0 72px;}
#contents01 .inner-Box3 h2 {font-size: 32px;line-height: 1.55;font-weight: 700;letter-spacing: 0px;margin-bottom: 31px;position: relative;}
#contents01 .inner-Box3 h2 span {display: inline-block;background: #FFEE00;line-height: 1;padding: 6px;}
#contents01 .inner-Box3 figure.photo {position: absolute;top: 71px;right: 71px;}
#contents01 .inner-Box3 figure.photo img{  }
#contents01 .inner-Box3 p.text {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 460px;}

#contents01 .inner-Box4 {margin: 0 auto 40px;position: relative;width: 1100px;background: #fff;border-radius: 16px;height: 700px;padding: 73px 0 0 72px;}
#contents01 .inner-Box4 h2 {font-size: 32px;line-height: 1.55;font-weight: 700;letter-spacing: 0px;margin-bottom: 31px;position: relative;}
#contents01 .inner-Box4 h2 span {display: inline-block;background: #FFEE00;line-height: 1;padding: 6px;}
#contents01 .inner-Box4 figure.photo {position: absolute;top: 68px;right: 71px;}
#contents01 .inner-Box4 figure.photo img{  }
#contents01 .inner-Box4 p.text {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 460px;}

#contents01 .inner-Box5 {margin: 0 auto;position: relative;width: 1100px;background: #fff;border-radius: 16px;height: 641px;padding: 73px 0 0 72px;}
#contents01 .inner-Box5 h2 {font-size: 32px;line-height: 1.55;font-weight: 700;letter-spacing: 0px;margin-bottom: 31px;position: relative;}
#contents01 .inner-Box5 h2 span {display: inline-block;background: #FFEE00;line-height: 1;padding: 6px;}
#contents01 .inner-Box5 figure.photo {position: absolute;top: 69px;right: 70px;}
#contents01 .inner-Box5 figure.photo img{  }
#contents01 .inner-Box5 p.text {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 460px;}

.sscontents{ }
.sscontents h2{text-align: center;margin-bottom: 57px;}

.staff-backk{ background: url(../images/staff/contentssystem-back01.png)no-repeat top center,url(../images/staff/contentssystem-back02.png)repeat top center;}
.staffbpx{width: 1000px;margin: 0 auto;}
.staffbpx .num-bx{ width: 540px; height: 250px; background: #fff; box-shadow: 0px 3px 6px #00000029; border-radius: 18px; padding: 34px 69px 34px 70px; float: left; }
.staffbpx .ttlll{ }
.staffbpx .ttlll{padding: 25px 0 0 3px;margin-bottom: 30px;}
#staff .wysiwyg{background: #fff;box-shadow: 0px 3px 6px #00000029;width: 1000px;margin: 0 auto 61px;padding: 67px;}

.staff-system-gallery{width: 840px;margin: 0 auto;}
.staff-system-gallery .ttlll{text-align: center;margin-bottom: 44px;}
.staff-system-gallery 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;}
.staff-system-gallery ul li{width: 47.8%;margin-right: 4.4%;margin-bottom: 50px;}
.staff-system-gallery ul li:nth-child(2n){margin-right: 0;}
.staff-system-gallery ul li figure{margin-bottom: 10px;}
.staff-system-gallery ul li figure img{width: 100%;height: 300px;}
.staff-system-gallery ul li p{ }


}

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

#contentsmain {margin: 0 4vw;position: relative;padding-top: 3.1vw;}
#contentsmain .inner-Box {position: relative;margin: 0 0 0 2vw;}
#contentsmain .inner-Box h2 {text-align: center;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }

#contents01 {margin: 0 auto 24.15vw;position: relative;background: url('../images/staff/contents01-back01.png')repeat top center;padding: 11.32vw 3vw 19.32vw;background-size: 320% auto;}
#contents01 .inner-Box1 {margin: 0 auto 9.66vw;position: relative;background: #fff;border-radius: 3.86vw;padding: 9.7vw 6vw;}
#contents01 .inner-Box1 h2 {font-size: 7.73vw;line-height: 1.65;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: -2.91vw;position: relative;}
#contents01 .inner-Box1 h2 span {display: inline-block;background: #FFEE00;line-height: 1;}
#contents01 .inner-Box1 figure.photo {position: relative;margin: 0 -4.8vw 4vw -2.2vw;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: -0.65vw;position: relative;}

#contents01 .inner-Box2 {margin: 0 auto 9.66vw;position: relative;background: #fff;border-radius: 3.86vw;padding: 9.7vw 6vw;}
#contents01 .inner-Box2 h2 {font-size: 7.73vw;line-height: 1.65;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 2.09vw;position: relative;margin-right: -12vw;}
#contents01 .inner-Box2 h2 span {display: inline-block;background: #FFEE00;line-height: 1;}
#contents01 .inner-Box2 figure.photo {position: relative;margin: 0 0.2vw 4vw -0.2vw;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: -0.65vw;position: relative;}

#contents01 .inner-Box3 {margin: 0 auto 9.66vw;position: relative;background: #fff;border-radius: 3.86vw;padding: 9.7vw 6vw;}
#contents01 .inner-Box3 h2 {font-size: 7.73vw;line-height: 1.65;font-weight: 700;letter-spacing: -0.3vw;margin-bottom: 2.09vw;position: relative;margin-right: -11vw;left: -3vw;}
#contents01 .inner-Box3 h2 span {display: inline-block;background: #FFEE00;line-height: 1;}
#contents01 .inner-Box3 figure.photo {position: relative;margin: 0 0.2vw 4vw -0.2vw;}
#contents01 .inner-Box3 figure.photo img{  }
#contents01 .inner-Box3 p.text {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: -0.65vw;position: relative;}

#contents01 .inner-Box4 {margin: 0 auto 9.66vw;position: relative;background: #fff;border-radius: 3.86vw;padding: 9.7vw 6vw;}
#contents01 .inner-Box4 h2 {font-size: 7.73vw;line-height: 1.65;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 3.09vw;position: relative;}
#contents01 .inner-Box4 h2 span {display: inline-block;background: #FFEE00;line-height: 1;}
#contents01 .inner-Box4 figure.photo {position: relative;margin: 0 0.2vw 4vw 0.1vw;}
#contents01 .inner-Box4 figure.photo img{  }
#contents01 .inner-Box4 p.text {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: -0.65vw;position: relative;}

#contents01 .inner-Box5 {margin: 0 auto 9.66vw;position: relative;background: #fff;border-radius: 3.86vw;padding: 9.7vw 6vw;}
#contents01 .inner-Box5 h2 {font-size: 7.73vw;line-height: 1.65;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 3.09vw;position: relative;}
#contents01 .inner-Box5 h2 span {display: inline-block;background: #FFEE00;line-height: 1;}
#contents01 .inner-Box5 figure.photo {position: relative;margin: 0 0.2vw 4vw 0.1vw;}
#contents01 .inner-Box5 figure.photo img{  }
#contents01 .inner-Box5 p.text {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: -0.65vw;position: relative;}

.sscontents{ }
.sscontents h2{margin: 0 34vw 5vw;}


.staff-system-gallery .slick-dots {position: absolute;bottom: 5.5vw;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
.staff-system-gallery .slick-dots li {position: relative;display: inline-block;width: 2.42vw!important;height: 2.42vw!important;margin: 0 1.61vw!important;padding: 0;cursor: pointer;}
.staff-system-gallery .slick-dots li button {width: 2.42vw;font-size: 0;line-height: 0;display: block;height: 2.42vw;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #fff;}
.staff-system-gallery .slick-dots li button:hover,     .staff-system-gallery .slick-dots li button:focus { outline: none; }
.staff-system-gallery .slick-dots li button:hover:before,     .staff-system-gallery .slick-dots li button:focus:before { opacity: 1; }
.staff-system-gallery .slick-dots li button:before { font-family: 'slick'; font-size: 1.45vw; line-height: 4.83vw; position: absolute; top: 0; left: 0;  height: 4.83vw; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.staff-system-gallery .slick-dots li.slick-active button { background: #000; }

.sscontents{ }
.sscontents h2{text-align: center;margin-bottom: 13.77vw;}

.staff-backk{background: url(../images/staff/contentssystem-back01.png)no-repeat top center,url(../images/staff/contentssystem-back02.png)repeat top center;background-size: 427% auto;}
.staffbpx{margin: 0 4vw;}
.staffbpx .num-bx{background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;border-radius: 2.35vw;padding: 3.3vw 7.5vw 5.4vw 7.5vw;margin: 0 -2vw 5.8vw;}
.staffbpx .ttlll{ }
.staffbpx .ttlll{margin: 0 67.15vw 2.5vw -2vw;}
#staff .wysiwyg{background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;margin: 0 auto 10.73vw;padding: 4.18vw;}

.staff-system-gallery{margin: 0 -3vw 7vw;}
.staff-system-gallery .ttlll{text-align: center;margin: 0 21vw 6.03vw;}
.staff-system-gallery 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;}
.staff-system-gallery ul li{width: 84.54vw;margin: 0 1.21vw;margin-bottom: 12.08vw;}
.staff-system-gallery ul li:nth-child(2n){}
.staff-system-gallery ul li figure{margin-bottom: 2.42vw;}
.staff-system-gallery ul li figure img{width: 100%;height: 72.46vw;}
.staff-system-gallery ul li p{ }


}