@charset "UTF-8";
@media screen and (min-width: 768px),print {
.main-title{background: url(../images/staff/h1.jpg)no-repeat top center; background-size: cover;}

#contents01 {margin: 30px auto 0 auto;position: relative;padding: 0 2.6rem;}
#contents01 .inner-Box {margin: 0 auto 32px;position: relative;max-width: 1100px;background: #fff;border-radius: 20px;padding: 48px 20px 18px;min-height: 470px;}
#contents01 .inner-Box .inBox{position: relative;max-width: 1000px;margin: 0 auto;padding: 0;}
#contents01 .inner-Box .textBox{position: relative;float: left;width: 67.2%;}
#contents01 .inner-Box .icon{position: absolute;top: -78px;right: 0;}
#contents01 .inner-Box .icon img{width: 25px;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;width: 28%;float: left;margin-right: 4%;}
#contents01 .inner-Box figure.photo img{border-radius: 20px;width: 100%;}
#contents01 .inner-Box h2 {font-size: 2rem;line-height: 1.5;font-weight: 700;letter-spacing: 0.2rem;margin-bottom: 13px;position: relative;}
#contents01 .inner-Box h2 span.job {font-size: 1.6rem;letter-spacing: 0.16rem;display: block;font-weight: 400;margin-bottom: 6.1px;}
#contents01 .inner-Box h2 span.f-comf {color: #FC7F52;font-size: 1.2rem;letter-spacing: 0.12rem;font-weight: 700;position: relative;top: -3px;margin-left: 18px;}
#contents01 .inner-Box h3 {background: url(../images/common/line02.svg)repeat-x center left;font-size: 30px;line-height: 1.5;font-weight: 700;letter-spacing: 0;margin-bottom: -5px;position: relative;}
#contents01 .inner-Box h3 span.f-comf {display: inline-block;background: #fff;font-size: 1.4rem;letter-spacing: 0.14rem;color: #FC7F52;line-height: 1;padding: 0 20px 0 0;position: relative;top: -7px;}
#contents01 .inner-Box p.text {font-size: 1.4rem;line-height: 2;letter-spacing: 0.14rem;margin-bottom: 26px;position: relative;font-weight: 400;margin-right: -10px;}
#contents01 .inner-Box 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;}
#contents01 .inner-Box ul li {position: relative;width: 48%;}
#contents01 .inner-Box ul li:nth-child(2) {margin-right: 0px;right: -28px;}
#contents01 .inner-Box h4 {background: url(../images/common/line02.svg)repeat-x center left;font-size: 1.6rem;line-height: 1.5;font-weight: 700;letter-spacing: 0;margin-bottom: 5px;position: relative;}
#contents01 .inner-Box h4 span {display: inline-block;background: #fff;font-size: 1.6rem;letter-spacing: 0.14rem;color: #FC7F52;line-height: 1;padding: 0 20px 0 0;position: relative;top: -1px;}
#contents01 .inner-Box p.litext {font-size: 1.4rem;line-height: 2;font-weight: 500;letter-spacing: 0.14rem;margin-bottom: 30px;position: relative;font-weight: 400;}

#contents02 {margin: 0 auto 28px;position: relative;padding: 0 2.6rem;}
#contents02 .inner-Box {margin: 0 auto;position: relative;max-width: 1100px;}
#contents02 .inner-Box 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;}
#contents02 .inner-Box ul li {position: relative;width: 31.4%;border-radius: 20px;background: #fff;padding: 2.5% 2.9% 1.9% 2.9%;margin-right: 2.9%;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box figure.photo {position: relative;margin-bottom: 17px;}
#contents02 .inner-Box figure.photo img{border-radius: 20px;width: 100%;}
#contents02 .inner-Box h2 {font-size: 1.8rem;line-height: 1.5;font-weight: 700;letter-spacing: 0.18rem;margin: 0 -3px 19px;position: relative;}
#contents02 .inner-Box h2 span.job {font-size: 1.4rem;letter-spacing: 0.14rem;display: block;font-weight: 400;margin-bottom: 4.1px;}
#contents02 .inner-Box h2 span.f-comf {color: #FC7F52;font-size: 1.2rem;letter-spacing: 0.12rem;font-weight: 700;position: relative;top: -3px;margin-left: 18px;}
#contents02 .inner-Box h3 {background: url(../images/common/line02.svg)repeat-x center left;line-height: 1.5;font-weight: 700;margin-bottom: 6px;position: relative;}
#contents02 .inner-Box h3 span {display: inline-block;background: #fff;font-size: 1.6rem;letter-spacing: 0.16rem;color: #FC7F52;line-height: 1;padding: 0 10px 0 0;position: relative;top: 0px;}
#contents02 .inner-Box p.text {font-size: 1.4rem;line-height: 2;letter-spacing: 0.14rem;margin-bottom: 16px;position: relative;font-weight: 400;margin-right: -11px;}

#contents03 {margin: 0 auto 100px;position: relative;max-width: 1100px;}
#contents03 .inner-Box { margin: 0 auto; position: relative; }
#contents03 .inner-Box 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 .inner-Box ul li {position: relative;width: 18.5%;background: #fff;border-radius: 20px;padding: 26px 26px 6px 26px;margin-right: 1.8%;margin-bottom: 20px;}
#contents03 .inner-Box ul li:nth-child(5n) { margin-right: 0px; }
#contents03 .inner-Box figure.photo {position: relative;margin-bottom: 14px;}
#contents03 .inner-Box figure.photo img{border-radius: 20px;width: 100%;}
#contents03 .inner-Box h4 {font-size: 1.8rem;line-height: 1.5;font-weight: 700;letter-spacing: 0.18rem;margin: 0 -3px 19px 0px;position: relative;}
#contents03 .inner-Box h4 span.job {font-size: 1.4rem;letter-spacing: 0.14rem;display: block;font-weight: 400;margin-bottom: 4.1px;}
#contents03 .inner-Box h4 span.f-comf {color: #FC7F52;font-size: 1.2rem;letter-spacing: 0.12rem;font-weight: 700;position: relative;display: block;}

}

@media screen and (max-width: 767px) {
.main-title{background: url(../images/staff/sp-h1.jpg)no-repeat top center;background-size: 100% auto;}


#contents01 {margin: 11.5vw auto -1.7vw auto;position: relative;padding: 0 5.2vw;}
#contents01 .inner-Box {margin: 0 auto 8.53vw;position: relative;background: #fff;border-radius: 5.33vw;padding: 8vw 5.33vw 8.2vw;}
#contents01 .inner-Box .inBox{position: relative;margin: 0 3vw;padding: 0;}
#contents01 .inner-Box .textBox{position: relative;margin: 0 -0.8vw;}
#contents01 .inner-Box .icon{position: absolute;top: -15.4vw;right: -2.9vw;}
#contents01 .inner-Box .icon img{ width: 6.7vw; }
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.1vw;}
#contents01 .inner-Box figure.photo img{border-radius: 5.33vw;width: 100%;}
#contents01 .inner-Box h2 {font-size: 4.80vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.48vw;margin-bottom: 0.87vw;position: relative;}
#contents01 .inner-Box h2 span.job {font-size: 3.73vw;letter-spacing: 0.37vw;display: block;font-weight: 400;margin-bottom: 0.53vw;}
#contents01 .inner-Box h2 span.f-comf {color: #FC7F52;font-size: 3.20vw;letter-spacing: 0.32vw;font-weight: 700;position: relative;top: -1.1vw;margin-left: 4.8vw;}
#contents01 .inner-Box h3 {background: url(../images/common/line02.svg)repeat-x center left;font-size: 8.0vw;line-height: 1.5;font-weight: 700;letter-spacing: 0;margin-bottom: -2.7vw;position: relative;background-size: auto 0.6vw;}
#contents01 .inner-Box h3 span.f-comf {display: inline-block;background: #fff;font-size: 3.3vw;letter-spacing: 0.40vw;color: #FC7F52;line-height: 1;padding: 0 2.33vw 0 0.4vw;position: relative;top: -2.1vw;}
#contents01 .inner-Box p.text {font-size: 3.73vw;line-height: 2;letter-spacing: 0.37vw;margin: 0 0.7vw 1.53vw;position: relative;font-weight: 400;}
#contents01 .inner-Box 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;}
#contents01 .inner-Box ul li {position: relative;}
#contents01 .inner-Box ul li:nth-child(2) {margin-right: 0.0vw;right: 0vw;}
#contents01 .inner-Box h4 {background: url(../images/common/line02.svg)repeat-x center left;font-size: 8.0vw;line-height: 1.5;font-weight: 700;letter-spacing: 0;margin-bottom: -2.6vw;position: relative;background-size: auto 0.6vw;}
#contents01 .inner-Box h4 span {display: inline-block;background: #fff;font-size: 4vw;letter-spacing: 0.40vw;color: #FC7F52;line-height: 1;padding: 0 2.33vw 0 0.4vw;position: relative;top: -2.1vw;}
#contents01 .inner-Box p.litext {font-size: 3.73vw;line-height: 2;letter-spacing: 0.37vw;margin: 0 0.6vw 1.2vw;position: relative;font-weight: 400;}

#contents02 {margin: 0 auto 7.47vw;position: relative;padding: 0 2.6rem;}
#contents02 .inner-Box {margin: 0 1.3vw;position: relative;}
#contents02 .inner-Box ul{display: block;}
#contents02 .inner-Box ul li {position: relative;width: 100%;border-radius: 5.33vw;background: #fff;padding: 8.1vw 8.1vw 5.1vw;margin-bottom: 8vw;}
#contents02 .inner-Box figure.photo {position: relative;margin-bottom: 5.53vw;}
#contents02 .inner-Box figure.photo img{border-radius: 5.33vw;width: 100%;}
#contents02 .inner-Box h2 {font-size: 4.80vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.48vw;margin-bottom: 0.87vw;position: relative;}
#contents02 .inner-Box h2 span.job {font-size: 3.73vw;letter-spacing: 0.37vw;display: block;font-weight: 400;margin-bottom: 0.53vw;}
#contents02 .inner-Box h2 span.f-comf {color: #FC7F52;font-size: 3.20vw;letter-spacing: 0.32vw;font-weight: 700;position: relative;top: -1.1vw;margin-left: 4.8vw;}
#contents02 .inner-Box h3 {background: url(../images/common/line02.svg)repeat-x center left;font-size: 8.0vw;line-height: 1.5;font-weight: 700;letter-spacing: 0;margin-bottom: -2.7vw;position: relative;background-size: auto 0.6vw;}
#contents02 .inner-Box h3 span {display: inline-block;background: #fff;font-size: 4vw;letter-spacing: 0.40vw;color: #FC7F52;line-height: 1;padding: 0 2.33vw 0 0.4vw;position: relative;top: -2.1vw;}
#contents02 .inner-Box p.text {font-size: 3.73vw;line-height: 2;letter-spacing: 0.37vw;margin-bottom: 4.27vw;position: relative;font-weight: 400;margin-right: 0vw;}

#contents03 {margin: 0 auto 26.67vw;position: relative;}
#contents03 .inner-Box {margin: 0 5.1vw;position: relative;}
#contents03 .inner-Box 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 .inner-Box ul li {position: relative;width: 48%;background: #fff;border-radius: 5.33vw;padding: 5.63vw 5.53vw 0.1vw;margin-right: 4%;margin-bottom: 4.23vw;}
#contents03 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
#contents03 .inner-Box figure.photo {position: relative;margin-bottom: 0.83vw;}
#contents03 .inner-Box figure.photo img{border-radius: 5.33vw;width: 100%;}
#contents03 .inner-Box h4 {font-size: 4.27vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.48vw;margin: 0 0vw 4.37vw 0.0vw;position: relative;}
#contents03 .inner-Box h4 span.job {font-size: 3.20vw;letter-spacing: 0.37vw;display: block;font-weight: 400;margin-bottom: 1.09vw;}
#contents03 .inner-Box h4 span.f-comf {color: #FC7F52;font-size: 2.67vw;letter-spacing: 0.32vw;font-weight: 700;position: relative;display: block;margin-top: 1.2vw;}

}