@charset "UTF-8"; @media screen and (min-width: 768px),print {
main {
width: 1100px;
margin: 50px auto 30px auto;
}

/* 3枚表示のbxslider
-------------------------------------*/
/* system-common */
.page-list {
font-size: 0.875em;
margin: 50px 0 100px;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.page-list li {
background: #eeefef;
display: inline-block;
border-radius: 10px;
}

.page-list li.active {
background: #138CC8;
color: #fff;
}

.page-list li.active a {
color: #fff;
}

.page-list a {
padding: 8px 20px;
display: inline-block;
}

.pagen {
width: 100%;
margin: 0 auto 30px auto;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.page-navi {
font-size: 0.875em;
}

.page-navi li {
display: inline-block;
}

.page-navi li.active {
background: #ccc;
}

.page-navi a {
padding: 8px;
display: inline-block;
}

.page-navi .fast {
margin-right: 0px;
}

.page-navi .last {
}

.page-navi .fast::after {
content: "|";
display: inline-block;
margin: 0 5px;
}

.pagen .list {
float: right;
}

.pagen .list a {
margin: 0 auto;
color: #fff;
padding: 7px 30px;
font-size: 0.875em;
text-align: center;
display: inline-block;
background: #000;
}

.pagen .list a:hover {
background: #666;
text-decoration: none;
}

.btnArea {
text-align: center;
margin: 50px 0 20px;
padding: 0;
}

.btnArea a {
font-weight: bold;
margin: 0 auto;
color: #fff;
padding: 20px 50px;
font-size: 0.875em;
text-align: center;
display: block;
background: #000;
letter-spacing: 1px;
width: 60%;
}

.btnArea a:hover {
background: #666;
text-decoration: none;
}

.btnArea-s {
text-align: center;
}

.btnArea-s a {
font-weight: bold;
margin: 0 auto;
color: #fff;
padding: 10px 50px;
font-size: 0.875em;
text-align: center;
display: inline-block;
background: #000;
letter-spacing: 1px;
}

.btnArea-s a:hover {
background: #666;
text-decoration: none;
}

.btnArea-s::after {
content: '';
display: block;
margin-bottom: 100px;
}

.borderwrap {
margin-bottom: 40px;
}

.borderwrap h3 {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px #ccc solid;
line-height: 1.6;
}

.borderwrap p {
font-size: 0.875em;
line-height: 1.8;
}

/* information -------------------------------------*/
#information .main-title {
background: url(../images/information/h1.png)no-repeat top center;
}

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

#information .system-list li {
line-height: 1.4;
width: 24%;
margin-right: 1%;
background: #fff;
position: relative;
margin-bottom: 20px;
}

#information .system-list li:nth-child(4n) {
margin-right: 0
}

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

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

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

#information .system-pic {
width: 100%;
height: 240px;
overflow: hidden;
text-align: center;
margin-bottom: 15px;
}

#information .system-pic img {
width: 100%;
height: 240px;
}

#information .system-date {
font-size: 13px;
margin-bottom: 10px;
line-height: 1.4;
letter-spacing: 0;
color: #999999;
}

#information .system-date::before {
}

#information .system-name {
font-size: 0.813em;
margin-bottom: 10px;
line-height: 1.4;
}

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

#information .system-ttl-01 {
font-size: 16px;
margin-bottom: 20px;
line-height: 25px;
letter-spacing: 0;
font-weight: bold;
}

#information .system-category-set {
margin-bottom: 15px;
margin-top: -15px;
}

#information .system-category {
margin-bottom: 1px;
font-size: 14px;
font-weight: 500;
color: #fff;
text-align: center;
padding: 8px;
background-color: #1A1E1F!important;
}

#information .serchcategory {
margin-bottom: 100px;
}

#information .serchcategory .icon {
display: inline-block;
margin-bottom: 15px;
font-size: 0.688em;
font-weight: bold;
color: #fff;
text-align: center;
padding: 10px 20px;
}

#information .system-category1 {
margin-bottom: 1px;
font-size: 16px;
font-weight: bold;
color: #fff;
text-align: center;
padding: 10px 20px;
background-color: #ccc;
position: relative;
}

#information .serchcategory1 {
margin-bottom: 100px;
width: 750px;
margin: 0 auto;
position: relative;
top: -50px
}

#information .serchcategory1 .icon {
width: 150px;
display: inline-block;
margin-bottom: 15px;
margin-right: 30px;
font-size: 18px;
font-weight: 500;
text-align: center;
padding: 10px 10px;
position: relative;
background: #1A1E1F;
color: #fff;
}

#information .serchcategory1 .icon:after {
/* content: ""; */
width: 20px;
height: 20px;
background: url(../images/common/category-icon.png) no-repeat right top;
position: absolute;
right: -13px;
top: 35px;
z-index: 1
}

#information .system-contents {
margin-bottom: 30px;
}

#information .system-contents-inner {
background: #fff;
padding: 40px 20px;
}

#information .system-contents .system-date {
font-size: 1em;
margin-bottom: 15px;
display: block;
}

#information .system-contents .system-category-set {
margin-top: 0px;
margin-bottom: 0;
}

#information .system-contents .system-category {
margin-bottom: 20px;
font-size: 0.75em;
color: #fff;
text-align: center;
padding: 8px;
width: 20%;
float: left;
margin-right: 2px;
}

#information .system-contents .system-ttl {
font-size: 1.375em;
font-weight: bold;
margin-bottom: 30px;
padding-bottom: 25px;
border-bottom: 1px #ccc solid;
line-height: 1.4;
}

#information .system-contents .system-i-pic {
text-align: center;
margin-bottom: 50px;
}

#information .system-contents .system-i-pic img {
max-width: 100%;
max-height: 600px;
width: auto;
max-height: auto;
}

#information .system-gallery {
background: #eeefef;
padding: 30px 20px;
}

#information .system-gallery h2 {
text-transform: uppercase;
}

#information .gallery-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#information .gallery-list li {
width: 18.4%;
position: relative;
margin: 0 2% 25px 0;
font-size: 0.75em;
line-height: 1.4;
text-align: left;
}

#information .gallery-list li:nth-of-type(5n) {
margin-right: 0;
}

#information .gallery-list li a:hover {
text-decoration: none;
}

#information .gallery-list li .system-Frame {
display: block;
width: 100%;
height: 120px;
overflow: hidden;
text-align: center;
margin-bottom: 8px;
}

#information .gallery-list li .system-Frame::after {
content: url(../images/common/icon_plus.jpg);
display: block;
position: absolute;
top: 90px;
right: 0;
}

#information .gallery-list li .system-Frame img {
width: 100%;
height: 120px;
}

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

#information .system-list02 li {
line-height: 1.4;
width: 23.5%;
margin-right: 2%;
background: #fff;
position: relative;
margin-bottom: 20px;
padding: 20px 10px 30px;
}

#information .system-list02 li:nth-child(4n) {
margin-right: 0
}

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

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

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

#information .system-list02 .system-pic {
width: 100%;
height: 180px;
overflow: hidden;
text-align: center;
margin-bottom: 15px;
}

#information .system-list02 .system-pic img {
width: 100%;
height: 180px;
}

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

#information .system-list02 .system-date::before {
content: "■";
}

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

#information .system-list02 .system-ttl-01 {
font-size: 1em;
margin-bottom: 20px;
line-height: 1.4;
}

/* history -------------------------------------*/
#history {
}

#history #contentssys {
}

#history #contentssys table {
}

#history #contentssys th {
width: 200px;
border-bottom: 1px #1A1E1F solid;
vertical-align: bottom;
padding: 50px 0 24px 0;
font-weight: bold;
}

#history #contentssys td.sysphoto {
padding-top: 50px;
vertical-align: bottom;
padding-right: 60px;
}

#history #contentssys td.sysphoto p {
width: 180px;
height: 120px;
overflow: hidden;
}

#history #contentssys td.sysphoto img {
width: 180px;
height: 120px;
}

#history #contentssys td.systext {
border-bottom: 1px #fff solid;
padding: 50px 0 24px 40px;
vertical-align: bottom;
}

#recruit .main-title {
background: url(../images/recruit/h1.png)no-repeat top center;
}

#recruit #contents00 {
min-width: 107.3%;
margin: 0 auto 140px;
position: relative;
left: -40px;
background: #E6E6E6;
padding: 60px 0 40px;
}

#recruit #contents00 .inner-Box1 {
margin: 0 auto 34px;
position: relative;
width: 1180px;
text-align: center;
}

#recruit #contents00 .inner-Box1 h2 {
margin-bottom: 40px;
}

#recruit #contents00 .inner-Box1 h2 img {
}

#recruit #contents00 .inner-Box1 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;
margin-left: 20px;
}

#recruit #contents00 .inner-Box1 ul li {
position: relative;
margin-right: 20px;
}

#recruit #contents00 .inner-Box1 ul li:nth-child(4n) {
margin-right: 0px;
}

#recruit #contents00 .inner-Box1 figure.img {
position: relative;
top: 0;
left: 0;
}

/* recruit -------------------------------------*/
#recruit .system-list {
margin-bottom: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#recruit .system-list li {
line-height: 1.4;
width: 49%;
margin-right: 2%;
background: #fff;
position: relative;
margin-bottom: 100px;
padding: 40px 20px 80px;
border-top: #CCc 10px solid;
}

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

#recruit .system-list li .inbox {
width: 297px;
float: left;
}

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

#recruit .system-list .btn a {
background: #333;
color: #fff;
font-size: 16px;
position: absolute;
bottom: 0;
left: 21px;
width: 92%;
padding: 3%;
text-align: left;
font-weight: bold;
}

#recruit .system-list .btn::after {
/* content: ' >'; */
}

#recruit .system-list .btn span {
position: absolute;
right: 20px;
top: 13px;
}

#recruit .system-list table {
width: 100%;
}

#recruit .system-list table th {
border: 1px solid #CCCCCC;
background: #1A1E1F;
color: #fff;
padding: 14px 21px;
width: 112px;
}

#recruit .system-list table td {
border: 1px solid #CCCCCC;
padding: 14px 21px;
width: calc(100% - 112px);
}

#recruit .system-pic {
overflow: hidden;
text-align: center;
margin-bottom: 15px;
width: 180px;
height: 130px;
float: left;
margin-right: 20px;
}

#recruit .system-pic img {
width: 180px;
height: 130px;
}

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

#recruit .system-date::before {
content: "■";
}

#recruit .system-name {
font-size: 0.813em;
margin-bottom: 10px;
line-height: 1.4;
}

#recruit .system-coment {
font-size: 1em;
margin-bottom: 15px;
line-height: 1.4;
}

#recruit .system-coment span {
font-size: 1.25em;
font-weight: bold;
}

#recruit .system-ttl-01 {
font-size: 0.813em;
margin-bottom: 15px;
line-height: 1.4;
}

#recruit .system-category-set {
margin-bottom: 15px;
}

#recruit .system-category {
margin-bottom: 1px;
font-size: 16px;
font-weight: bold;
color: #fff;
text-align: center;
padding: 8px;
background-color: #ccc;
}

#recruit .serchcategory {
margin-bottom: 100px;
}

#recruit .serchcategory .icon {
display: inline-block;
margin-bottom: 15px;
font-size: 0.688em;
font-weight: bold;
color: #fff;
text-align: center;
padding: 10px 20px;
}

#recruit .system-category1 {
margin-bottom: 1px;
font-size: 16px;
font-weight: bold;
color: #fff;
text-align: center;
padding: 10px 20px;
background-color: #ccc;
position: relative;
}

#recruit .serchcategory1 {
margin-bottom: 100px;
width: 1030px;
margin: 90px auto 0;
position: relative;
top: -50px
}

#recruit .serchcategory1 .icon {
color: #fff;
width: 320px;
display: inline-block;
margin-bottom: 15px;
margin-right: 30px;
font-size: 18px;
font-weight: bold;
text-align: center;
padding: 10px 10px;
position: relative;
/* background: #f0f0f0; */
}

#recruit .serchcategory1 .icon:after {
/* content: ""; */
width: 20px;
height: 20px;
background: url(../images/common/category-icon.png) no-repeat right top;
position: absolute;
right: -13px;
top: 35px;
z-index: 1
}

#recruit .serchcategory1 a:nth-child(3) .icon {
margin-right: 0px;
}

#recruit .icon01 {
background: #DB0101;
}

#recruit .icon02 {
background: #138CC8;
}

#recruit .icon03 {
background: #005C89;
}

#recruit .system-ttl {
font-size: 20px;
font-weight: 700;
}

#recruit .system-icon02 span {
display: inline-block;
padding: 5px 18px;
background: #F2F2F2;
font-size: 0.8rem;
margin-bottom: 8px;
border: 1px solid #CCCCCC;
border-radius: 55px;
}

#recruit .system-icon02 span.icon02-01 {
}

#recruit .system-icon02 span.icon02-02 {
}

#recruit .system-icon02 span.icon02-03 {
background: #eee;
}

#recruit .system-contents {
background: #eeefef;
padding: 1px;
margin-bottom: 30px;
position: relative;
}

#recruit .system-contents .system-category-set {
margin-top: 0;
margin-bottom: 0;
}

#recruit .system-contents-inner {
background: #fff;
padding: 40px 20px
}

#recruit .system-contents .system-date {
font-size: 0.75em;
line-height: 1.4;
text-align: right;
}

#recruit .system-contents .system-date::before {
content: none;
}

#recruit .system-contents .titleArea {
margin-bottom: 30px;
padding-bottom: 25px;
border-bottom: 1px #ccc solid;
}

#recruit .system-contents .system-category {
margin-bottom: 20px;
font-size: 0.75em;
color: #fff;
text-align: center;
padding: 8px;
width: 20%;
float: left;
margin-right: 2px;
}

#recruit .system-contents .system-ttl {
font-size: 30px;
font-weight: bold;
margin-bottom: 10px;
line-height: 1.4;
display: block;
padding-top: 60px;
}

#recruit .system-contents .system-txt {
font-size: 0.813em;
margin-bottom: 25px;
line-height: 1.4;
}

#recruit .system-contents .system-price {
font-size: 1em;
line-height: 1.4;
}

#recruit .system-contents .system-price span {
font-size: 1.75em;
font-weight: bold;
line-height: 1.4;
}

#recruit .system-contents .system-icon02 {
width: 20%;
}

#recruit .system-contents .system-i-pic {
text-align: center;
margin-bottom: 50px;
}

#recruit .system-contents .system-i-pic img {
max-width: 100%;
max-height: 600px;
width: auto;
height: auto;
}

#recruit .system-gallery {
background: #eeefef;
padding: 30px 20px;
}

#recruit .system-gallery h2 {
text-transform: uppercase;
}

#recruit .gallery-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#recruit .gallery-list li {
width: 18.4%;
position: relative;
margin: 0 2% 25px 0;
font-size: 0.75em;
line-height: 1.4;
}

#recruit .gallery-list li:nth-of-type(5n) {
margin-right: 0;
}

#recruit .gallery-list li a:hover {
text-decoration: none;
}

#recruit .gallery-list li .system-Frame {
display: block;
width: 100%;
height: 120px;
overflow: hidden;
text-align: center;
margin-bottom: 8px;
}

#recruit .gallery-list li .system-Frame::after {
content: url(../images/common/icon_plus.jpg);
display: block;
position: absolute;
top: 90px;
right: 0;
}

#recruit .gallery-list li .system-Frame img {
width: 100%;
height: 120px;
}

#recruit table.system-details {
border: 1px solid #dcdddd;
margin-bottom: 50px;
font-size: 0.875em;
line-height: 1.6;
width: 100%;
}

#recruit table.system-details th {
border: 1px solid #dcdddd;
text-align: left;
background-color: #eeefef;
padding: 20px;
vertical-align: top;
}

#recruit table.system-details td {
border: 1px solid #dcdddd;
text-align: left;
padding: 20px;
vertical-align: top;
}

#recruit table.system-details td img {
max-width: 100%;
height: auto;
}

#recruit .system-contents #googlemaps {
height: 500px;
border: 1px solid #dcdddd;
}

#recruit .system-contents .titleArea .system-icon02 {
position: absolute;
top: 40px;
right: -120px;
}

#recruit .estate-list {
font-size: 16px;
line-height: 1.6;
margin-bottom: 60px;
}

#recruit .estate-list li {
width: 100%;
border: #ccc 1px solid;
margin-bottom: -1px;
border-bottom: none;
}

#recruit .estate-list li:last-child {
border-bottom: 1px solid #ccc;
}

#recruit .estate-list li .estate-list-ttl {
border-bottom: #ccc dotted 1px;
width: 100%;
padding: 20px 30px;
background: #f8f8f8;
font-weight: bold;
}

#recruit .estate-list li div {
width: 100%;
padding: 3%;
background: #fff;
margin: 0;
}

/* staff -------------------------------------*/
#staff .main-title {
background: url(../images/staff/h1.png)no-repeat top center;
}

#staff .system-list {
margin-bottom: 19px;
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-list li {
line-height: 1.4;
width: 260px;
margin-right: 90px;
position: relative;
margin-bottom: 20px;
}

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

#staff .system-list .btn {
text-align: center;
background: #333;
color: #fff;
font-size: 0.75em;
position: absolute;
bottom: 10px;
left: 13px;
width: 90%;
padding: 5% 0%;
}

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

#staff .system-pic {
margin-bottom: 15px;
overflow: hidden;
text-align: center;
width: 240px;
height: 240px;
border-radius: 170px;
border: 2px solid #1A1E1F;
margin: 0 auto;
margin-bottom: -61px;
}

#staff .system-pic img {
width: 100%;
height: 240px;
}

#staff .system-job {
letter-spacing: 0px;
font-size: 14px;
margin-bottom: 10px;
line-height: 1.4;
position: relative;
left: -10px;
color: #fff;
}

#staff .system-job span {
background: #1A1E1F;
display: inline-block;
padding: 5px 15px;
}

#staff .system-name span {
background: #1A1E1F;
display: inline-block;
padding: 7px 19px;
}

#staff .system-name {
font-size: 18px;
margin-bottom: 4px;
line-height: 1.4;
font-weight: bold;
position: relative;
left: -10px;
color: #fff;
}

#staff .system-kana {
font-size: 12px;
margin-bottom: 15px;
line-height: 1.4;
letter-spacing: 0;
position: relative;
left: -10px;
}

#staff .system-kana span {
display: inline-block;
border: 1px solid #E6E6E6;
border-radius: 32px;
background: #fff;
padding: 1px 12px;
/* display: -webkit-box; */
/* -webkit-box-orient: vertical; */
/* -webkit-line-clamp: 1; */
/* overflow: hidden; */
line-height: 1.7;
}

#staff .system-contents {
background: #eeefef;
padding: 1px;
margin-bottom: 30px;
}

#staff .system-contents-inner {
background: #fff;
padding: 80px;
}

#staff .system-contents .system-info {
width: 46%;
float: left;
}

#staff .system-contents .system-job {
font-size: 16px;
color: #fff;
margin-bottom: 15px;
line-height: 1.4;
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
text-align: left;
background: #138CC8;
padding: 10px 15px;
display: inline-block;
}

#staff .system-contents .system-name {
font-size: 32px;
line-height: 1.4;
text-align: left;
color: #333;
}

#staff .system-contents .system-kana {
font-size: 16px;
margin-bottom: 15px;
line-height: 1.4;
}

#staff .system-contents .system-comment {
font-size: 16px;
margin-bottom: 25px;
line-height: 1.6;
}

#staff .system-contents .comment-bx {
}

#staff .system-contents .comment-bx table {
}

#staff .system-contents .comment-bx tbody {
}

#staff .system-contents .comment-bx tr {
}

#staff .system-contents .comment-bx th {
font-size: 0.93em;
letter-spacing: 1px;
width: 25%;
border: 1px solid #ccc;
padding: 5px 0;
background: #949494;
color: #fff;
vertical-align: middle;
}

#staff .system-contents .comment-bx td {
font-size: 1em;
width: 40%;
border: 1px solid #ccc;
padding: 5px 15px;
vertical-align: middle;
}

#staff .system-contents .system-i-pic {
width: 50%;
float: right;
text-align: center;
margin-bottom: 50px;
}

#staff .system-contents .system-i-pic img {
max-width: 100%;
max-height: 550px;
width: auto;
height: auto;
}

#staff .system-contents .wys-ttl {
width: 100%;
margin: 30px auto;
padding: 15px 30px;
font-size: 1.4em;
color: #959595;
font-weight: bold;
background: #f1f1f1;
}

#staff .system-pottl {
font-size: 20px;
font-weight: 600;
background: #138CC8;
color: #fff;
margin-bottom: 30px;
padding: 10px 20px;
}

#staff .system-gallery02-pic-box {
text-align: center;
}

#staff ul.system-gallery02 li {
margin-bottom: 50px;
}

#staff ul.system-gallery02 li .frame {
overflow: hidden;
}

#staff ul.system-gallery02 li .frame .system-gallery02-pic-box {
width: 40%;
float: right;
}

#staff ul.system-gallery02 li .frame .system-gallery02-pic-box img {
width: 100%;
height: auto;
}

#staff ul.system-gallery02 li .frame .texxt {
width: 100%;
float: left;
}

#staff ul.system-gallery02 li .frame #max55 {
width: 55%;
}

.priv-title {
text-align: center;
margin-bottom: 20px;
}

.priv-text {
padding: 20px;
overflow-y: scroll;
height: 250px;
border: #ccc solid 1px;
margin-bottom: 30px;
background: #fff;
}

.priv-text .priv-ttl {
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
}

.priv-text p {
margin-bottom: 20px;
font-size: 13px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: #ccc solid 1px;
}

.priv {
text-align: center;
margin-bottom: 30px;
}

.priv-text .tt {
margin-bottom: 10px;
font-size: 20px;
color: #333;
font-weight: bold;
}

/* form -------------------------------------*/
.form-Box {
margin-bottom: 30px;
line-height: 1.6;
}

.form-Box .form-Box-inner {
background: #fff;
padding: 20px 0px 40px;
}

.form-Box .form-list {
font-size: 0.875em;
margin-bottom: 30px;
}

.form-Box .error {
margin-bottom: 1em;
}

.form-Box .attention-color {
color: #fff;
background: #DB0101;
padding: 2px 4px;
margin-right: 5px;
}

.form-Box .form-list li {
padding-left: 1em;
text-indent: -1em;
margin-bottom: 3px;
}

.form-Box table {
margin-bottom: 50px;
font-size: 0.875em;
line-height: 1.6;
border-top: 1px solid #D6D6D6;
}

.form-Box th {
border-bottom: 1px solid #D6D6D6;
text-align: left;
width: 30%;
padding: 20px 20px 20px 80px;
vertical-align: top;
position: relative;
}

.form-Box td {
border-bottom: 1px solid #D6D6D6;
text-align: left;
width: 70%;
padding: 20px;
vertical-align: top;
}

.form-Box td img {
max-width: 100%;
height: auto;
}

.form-Box .from-btn-01 {
text-align: center;
}

.form-Box .from-btn-02 {
margin-top: 24px;
width: 900px;
margin-left: auto;
margin-right: auto;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.form-Box .button {
border: 0;
padding: 0;
margin: 0;
background: none;
}

.form-Box .button:hover {
cursor: pointer;
cursor: hand;
opacity: 0.8;
}

.form-Box input[type="text"], .form-Box input[type="email"], .form-Box input[type="tel"], .form-Box input[type="date"], .form-Box select, .form-Box textarea {
font-size: 0.875rem;
padding: 1%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.form-Box textarea {
width: 100%;
min-height: 120px;
}


/* works -------------------------------------*/
#works #sys-bx { }
#works #sys-bx .ttl{ font-size: 20px; font-weight: bold; letter-spacing: 1px; text-align: center; width: 740px; margin: 0 auto 60px; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 16px 0;}
#works .system-list{ margin-bottom: 38px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#works .system-list li{ line-height: 1.4; width: 31%; margin-right: 3.5%; background: #fff; position: relative; margin-bottom: 58px; }
#works .system-list li:nth-child(3n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#works .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#works .system-list .btn::after { content: ' >';}
#works .system-pic{ width: 100%; height: 257px; overflow: hidden; text-align: center; margin-bottom: 12px; }
#works .system-pic img{ width: 100%; height: 257px; }
#works .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
#works .system-date::before{ content: "■"; }
#works .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#works .system-ttl-01{ font-size: 16px; line-height: 1.6; }
#works .system-category-set { margin-bottom: 15px; margin-top: -15px;}
#works .system-category{ margin-bottom: 1px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc;}
#works .serchcategory{ margin-bottom: 100px;}
#works .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#works .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}
#works .serchcategory1{ margin-bottom: 100px; width: 750px; margin: 0 auto; position: relative; top: -50px}
#works .serchcategory1 .icon {width: 150px; display: inline-block; margin-bottom: 15px; margin-right: 30px; font-size: 18px; font-weight: bold; text-align: center; padding: 10px 10px; position: relative; background: #f0f0f0}
#works .serchcategory1 .icon:after{ content: ""; width: 20px; height: 20px; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -13px; top: 35px; z-index: 1}
#works .icon01{ background: #000; }
#works .icon02{ background: #111; }
#works .icon03{ background: #222; }
#works .icon04{ background: #333; }
#works .icon05{ background: #444; }
#works .icon06{ background: #555; }
#works .system-contents{ background: #eeefef; padding: 40px 20px; margin-bottom: 30px; }
#works .system-contents .system-category-set { margin-top: 0px; margin-bottom: 0;}
#works .system-contents-inner { background: #fff; padding: 40px 20px;}
#works .system-contents .system-date{ font-size: 1em; margin-bottom: 15px; display: block; }
#works .system-contents .system-category{ margin-bottom: 20px; font-size: 0.75em; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px;}
#works .system-contents .system-ttl{ font-size: 1.375em; font-weight: bold;  margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; line-height: 1.4; }
#works .system-contents .system-i-pic{ text-align: center; margin-bottom: 50px; }
#works .system-contents .system-i-pic img{ max-width: 100%; max-height: 600px; width: auto; max-height: auto; }
#works .system-gallery { background: #eeefef; padding: 30px 20px;}
#works .system-gallery h2 { text-transform: uppercase;}
#works .gallery-list{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#works .gallery-list li{ width: 18.4%; position: relative; margin:0 2% 25px 0; font-size: 0.75em; line-height: 1.4; text-align: left;}
#works .gallery-list li:nth-of-type(5n) { margin-right: 0;}
#works .gallery-list li a:hover{ text-decoration: none; }
#works .gallery-list li .system-Frame{ display: block; width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 8px;}
#works .gallery-list li .system-Frame::after{ content: url(../images/common/icon_plus.jpg); display: block; position: absolute; top: 90px; right: 0;}
#works .gallery-list li .system-Frame img{ width: 100%; height: 120px; }



}

@media screen and (max-width: 767px) {
main {
margin-top: 5vw
}

/* system-common */
.page-list {
font-size: 3.2vw;
margin: 10% 0 20%;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.page-list li {
background: #eeefef;
display: inline-block;
border-radius: 3vw;
}

.page-list li.active {
background: #138CC8;
color: #fff;
}

.page-list li.active a {
color: #fff;
}

.page-list a {
padding: 2.1vw 4vw;
display: inline-block;
}

.pagen {
width: 98%;
margin: 0 auto 10% auto;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.pagen:nth-of-type(1) {
margin-bottom: 5%;
}

.page-navi {
font-size: 3.8vw;
}

.page-navi li {
display: inline-block;
}

.page-navi li.active {
background: #ccc;
}

.page-navi a {
padding: 8px;
display: inline-block;
}

.page-navi .fast {
margin-right: 0px;
}

.page-navi .last {
}

.page-navi .fast::after {
content: "|";
display: inline-block;
margin: 0 5px;
}

.pagen .list {
float: right;
}

.pagen .list a {
margin: 0 auto;
color: #fff;
font-size: 3.8vw;
padding: 7px 30px;
text-align: center;
display: inline-block;
background: #000;
}

.pagen .list a:hover {
background: #666;
text-decoration: none;
}

.btnArea {
text-align: center;
margin: 10% auto;
padding: 0;
}

.btnArea a {
font-weight: bold;
margin: 0 auto;
color: #fff;
padding: 20px 50px;
font-size: 3.2vw;
text-align: center;
display: block;
background: #000;
letter-spacing: 1px;
}

.btnArea-s {
text-align: center;
}

.btnArea-s a {
font-weight: bold;
margin: 0 auto;
color: #fff;
padding: 3% 10%;
font-size: 3.2vw;
text-align: center;
display: inline-block;
background: #000;
letter-spacing: 1px;
}

.btnArea-s::after {
content: '';
display: block;
margin-bottom: 10%;
}

.borderwrap {
width: 94%;
margin: 0 auto 10%;
line-height: 1.6;
}

.borderwrap h3 {
font-size: 3.2vw;
font-weight: bold;
margin-bottom: 5%;
padding-bottom: 5%;
border-bottom: 1px #ccc solid;
}

.borderwrap p {
font-size: 0.875em;
}

/* information -------------------------------------*/
#information .main-title {
background: url(../images/information/sp-h1.png)no-repeat top center;
background-size: 100% auto;
}

#information .system-list {
padding: 3vw;
margin-bottom: 10%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#information .system-list li {
position: relative;
line-height: 1.4;
width: 49%;
margin-right: 2%;
background: #fff;
position: relative;
margin-bottom: 5%;
}

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

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

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

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

#information .system-pic {
width: 100%;
height: 40vw;
overflow: hidden;
text-align: center;
margin-bottom: 8%;
}

#information .system-pic img {
width: 100%;
height: 40vw;
}

#information .system-date {
font-size: 3.2vw;
margin-bottom: 5%;
color: #999999;
}

#information .system-date::before {
}

#information .system-name {
font-size: 3.2vw;
margin-bottom: 5%;
}

#information .system-ttl-01 {
font-size: 3.6vw;
margin-bottom: 5%;
line-height: 1.6;
font-weight: bold;
}

#information .system-category-set {
margin-bottom: 8%;
margin-top: -8%;
}

#information .system-category {
margin-bottom: 1px;
font-size: 3.2vw;
font-weight: bold;
color: #fff;
text-align: center;
padding: 2vw;
background-color: #1A1E1F!important;
}

#information .serchcategory {
margin: 0 3% 10%;
}

#information .serchcategory .icon {
display: inline-block;
margin-right: 1%;
margin-bottom: 3%;
font-size: 3.2vw;
color: #fff;
text-align: center;
padding: 4.5% 3%;
}

#information .system-category1 {
margin-bottom: 10%;
font-size: 3.6vw;
font-weight: bold;
color: #fff;
text-align: center;
padding: 1vw 3vw;
background-color: #ccc;
position: relative;
}

#information .serchcategory1 {
width: 90%;
margin: 0 auto 10%;
position: relative;
top: 5vw
}

#information .serchcategory1 .icon {
background: #1A1E1F;
width: 46%;
display: inline-block;
margin-bottom: 3vw;
margin-right: 3vw;
font-size: 3.6vw;
font-weight: 500;
text-align: center;
padding: 2vw 0;
color: #fff;
position: relative;
}

#information .serchcategory1 .icon:after {
/* content: ""; */
width: 20vw;
height: 20vw;
background: url(../images/common/category-icon.png) no-repeat right top;
position: absolute;
right: -1vw;
top: 5vw;
z-index: 1
}

#information .system-coment {
margin-bottom: 5%;
}

#information .system-contents {
padding: 3vw;
margin-bottom: 10%;
}

#information .system-contents-inner {
background: #fff;
padding: 5% 3%;
}

#information .system-contents .system-date {
font-size: 3.2vw;
margin-bottom: 5%;
display: block;
line-height: 1.4;
}

#information .system-contents .system-category {
margin-bottom: 1px;
font-size: 3.2vw;
color: #fff;
text-align: center;
padding: 4% 3%;
width: 100%;
}

#information .system-contents .system-category-set {
margin-bottom: 5%;
margin-top: 0;
}

#information .system-contents .system-ttl {
font-size: 4.2vw;
font-weight: bold;
margin-bottom: 8%;
padding-bottom: 8%;
border-bottom: 1px #ccc solid;
line-height: 1.6;
}

#information .system-contents .system-i-pic {
text-align: center;
margin-bottom: 8%;
}

#information .system-contents .system-i-pic img {
max-width: 100%;
}

#information .system-gallery {
background: #1A1E1F;
padding: 5% 3%;
}

#information .system-gallery h2 {
text-transform: uppercase;
}

#information .gallery-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#information .gallery-list li {
width: 32%;
position: relative;
margin: 0 2% 6% 0;
font-size: 3.2vw;
line-height: 1.4;
}

#information .gallery-list li:nth-of-type(3n) {
margin-right: 0;
}

#information .gallery-list li a:hover {
text-decoration: none;
}

#information .gallery-list li .system-Frame {
display: block;
width: 100%;
height: 90px;
overflow: hidden;
text-align: center;
margin-bottom: 5%;
}

#information .gallery-list li .system-Frame::after {
content: none;
}

#information .gallery-list li .system-Frame img {
width: 100%;
height: 90px;
}

/* history -------------------------------------*/
#history {
}

#history #contentssys {
margin: 0 8vw;
}

#history #contentssys table {
}

#history #contentssys th {
border-bottom: 0.4vw #1A1E1F solid;
vertical-align: bottom;
padding: 12vw 0 2.4vw 0;
display: block;
width: 36vw;
font-size: 3.86vw;
text-align: left;
font-weight: bold;
}

#history #contentssys tr {
position: relative;
}

#history #contentssys td.sysphoto {
vertical-align: bottom;
position: relative;
}

#history #contentssys td.sysphoto p {
height: 20.5vw;
overflow: hidden;
position: absolute;
top: 0;
right: -81.7vw;
width: 30.6vw;
}

#history #contentssys td.sysphoto img {
height: 20.5vw;
}

#history #contentssys td.systext {
border-bottom: 0.2vw #fff solid;
vertical-align: bottom;
display: block;
width: 100%;
font-size: 3.38vw;
letter-spacing: 0.16vw;
padding: 3.2vw 0 2.3vw 0vw;
line-height: 5.79vw;
margin-bottom: 9.8vw;
0 0 5.8vwCONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
}

#recruit .main-title {
background: url(../images/recruit/sp-h1.png)no-repeat top center;
background-size: 100% auto;
}

#recruit #contents00 {
margin-bottom: 12vw;
position: relative;
background: #E6E6E6;
padding: 15vw 0 12vw;
}

#recruit #contents00 .inner-Box1 {
margin: 0 auto 0.2vw;
position: relative;
text-align: center;
}

#recruit #contents00 .inner-Box1 h2 {
margin: 0 4.1vw 7.5vw 3.5vw;
}

#recruit #contents00 .inner-Box1 h2 img {
}

#recruit #contents00 .inner-Box1 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;
margin: 0 4.1vw;
}

#recruit #contents00 .inner-Box1 ul li {
position: relative;
margin-bottom: 4.8vw;
}

#recruit #contents00 .inner-Box1 ul li:nth-child(4n) {
margin-right: 0.0vw;
}

#recruit #contents00 .inner-Box1 figure.img {
position: relative;
top: 0;
left: 0;
}

/* recruit -------------------------------------*/
#recruit .system-list {
margin: 0 4vw 12.1vw;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#recruit .system-list li {
line-height: 1.4;
width: 100%;
background: #fff;
position: relative;
margin-bottom: 13.2vw;
padding: 6.7vw 3.8vw 19.3vw;
border-top: #CCc 2.4vw solid;
}

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

#recruit .system-list li .inbox {
width: 42vw;
float: left;
}

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

#recruit .system-list .btn a {
background: #333;
color: #fff;
font-size: 3.9vw;
position: absolute;
bottom: 0;
left: 3.9vw;
width: 92%;
padding: 3%;
text-align: left;
font-weight: bold;
}

#recruit .system-list .btn::after {
/* content: ' >'; */
}

#recruit .system-list .btn span {
position: absolute;
right: 4.8vw;
top: 1.2vw;
}

#recruit .system-list table {
width: 100%;
}

#recruit .system-list table th {
border: 0.2vw solid #CCCCCC;
background: #1A1E1F;
color: #fff;
padding: 3.4vw 5.1vw;
width: 27.053vw;
}

#recruit .system-list table td {
border: 0.2vw solid #CCCCCC;
padding: 3.4vw 5.1vw;
width: calc(100% - 27.053vw);
}

#recruit .system-pic {
overflow: hidden;
text-align: center;
margin-bottom: 3.6vw;
height: 31.4vw;
margin-right: 4.8vw;
width: 37vw;
float: left;
}

#recruit .system-pic img {
height: 31.4vw;
}

#recruit .system-date {
font-size: 0.75em;
margin-bottom: 2.4vw;
line-height: 1.4;
}

#recruit .system-date::before {
content: "■";
}

#recruit .system-name {
font-size: 0.813em;
margin-bottom: 2.4vw;
line-height: 1.4;
}

#recruit .system-coment {
font-size: 1em;
margin-bottom: 3.6vw;
line-height: 1.4;
}

#recruit .system-coment span {
font-size: 1.25em;
font-weight: bold;
}

#recruit .system-ttl-01 {
font-size: 0.813em;
margin-bottom: 3.6vw;
line-height: 1.4;
}

#recruit .system-category-set {
margin-bottom: 3.6vw;
}

#recruit .system-category {
margin-bottom: 0.2vw;
font-size: 3vw;
font-weight: bold;
color: #fff;
text-align: center;
padding: 1.9vw;
background-color: #ccc;
}

#recruit .serchcategory {
margin-bottom: 24.2vw;
}

#recruit .serchcategory .icon {
display: inline-block;
margin-bottom: 3.6vw;
font-size: 0.688em;
font-weight: bold;
color: #fff;
text-align: center;
padding: 2.4vw 4.8vw;
}

#recruit .system-category1 {
margin-bottom: 0.2vw;
font-size: 3.9vw;
font-weight: bold;
color: #fff;
text-align: center;
padding: 2.4vw 4.8vw;
background-color: #ccc;
position: relative;
}

#recruit .serchcategory1 {
margin-bottom: 24.2vw;
margin: 7.2vw -5vw 5vw 3vw;
position: relative;
}

#recruit .serchcategory1 .icon {
color: #fff;
display: inline-block;
margin-bottom: 2.2vw;
margin-right: 1.2vw;
font-size: 3.3vw;
font-weight: bold;
text-align: center;
padding: 2.4vw 2.4vw;
position: relative;
/* background: #f0f0f0; */
width: 46vw;
}

#recruit .serchcategory1 .icon:after {
/* content: ""; */
height: 4.8vw;
background: url(../images/common/category-icon.png) no-repeat right top;
position: absolute;
right: -3.1vw;
top: 8.5vw;
z-index: 1
}

#recruit .icon01 {
background: #DB0101;
}

#recruit .icon02 {
background: #138CC8;
}

#recruit .icon03 {
background: #005C89;
}

#recruit .system-ttl {
font-size: 4.8vw;
font-weight: 700;
}

#recruit .system-icon02 span {
display: inline-block;
padding: 1.2vw 4.3vw;
background: #F2F2F2;
font-size: 2.7vw;
margin-bottom: 1.9vw;
border: 0.2vw solid #CCCCCC;
border-radius: 13.3vw;
}

#recruit .system-icon02 span.icon02-01 {
}

#recruit .system-icon02 span.icon02-02 {
}

#recruit .system-icon02 span.icon02-03 {
background: #eee;
}

#recruit .system-contents {
padding: 0.2vw;
margin-bottom: 7.2vw;
position: relative;
}

#recruit .system-contents .system-category-set {
margin-top: 0;
margin-bottom: 0;
}

#recruit .system-contents-inner {
background: #fff;
padding: 3vw;
margin: 0 3vw;
}

#recruit .system-contents .system-date {
font-size: 0.75em;
line-height: 1.4;
text-align: right;
}

#recruit .system-contents .system-date::before {
content: none;
}

#recruit .system-contents .titleArea {
margin-bottom: 2.2vw;
}

#recruit .system-contents .system-category {
margin-bottom: 4.8vw;
font-size: 3vw;
color: #fff;
text-align: center;
padding: 1.9vw;
margin-right: 0.5vw;
}

#recruit .system-contents .system-ttl {
font-size: 4.2vw;
font-weight: bold;
margin-bottom: 2.4vw;
line-height: 1.4;
display: block;
}

#recruit .system-contents .system-txt {
font-size: 0.813em;
margin-bottom: 6.0vw;
line-height: 1.4;
}

#recruit .system-contents .system-price {
font-size: 1em;
line-height: 1.4;
}

#recruit .system-contents .system-price span {
font-size: 1.75em;
font-weight: bold;
line-height: 1.4;
}

#recruit .system-contents .system-icon02 {
width: 46%;
}

#recruit .system-contents .system-i-pic {
text-align: center;
margin-bottom: 5.1vw;
}

#recruit .system-contents .system-i-pic img {
width: 100%;
height: auto;
}

#recruit .system-gallery {
background: #eeefef;
padding: 7.2vw 4.8vw;
}

#recruit .system-gallery h2 {
text-transform: uppercase;
}

#recruit .gallery-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#recruit .gallery-list li {
width: 18.4%;
position: relative;
margin: 0 2% 6.0vw 0;
font-size: 0.75em;
line-height: 1.4;
}

#recruit .gallery-list li:nth-of-type(5n) {
margin-right: 0;
}

#recruit .gallery-list li a:hover {
text-decoration: none;
}

#recruit .gallery-list li .system-Frame {
display: block;
width: 100%;
height: 29.0vw;
overflow: hidden;
text-align: center;
margin-bottom: 1.9vw;
}

#recruit .gallery-list li .system-Frame::after {
content: url(../images/common/icon_plus.jpg);
display: block;
position: absolute;
top: 21.7vw;
right: 0;
}

#recruit .gallery-list li .system-Frame img {
width: 100%;
height: 29.0vw;
}

#recruit table.system-details {
border: 0.2vw solid #dcdddd;
margin-bottom: 12.1vw;
font-size: 0.875em;
line-height: 1.6;
width: 100%;
}

#recruit table.system-details th {
border: 0.2vw solid #dcdddd;
text-align: left;
background-color: #eeefef;
padding: 4.8vw;
vertical-align: top;
}

#recruit table.system-details td {
border: 0.2vw solid #dcdddd;
text-align: left;
padding: 4.8vw;
vertical-align: top;
}

#recruit table.system-details td img {
width: 100%;
height: auto;
}

#recruit .system-contents #googlemaps {
height: 120.8vw;
border: 0.2vw solid #dcdddd;
}

#recruit .system-contents .titleArea .system-icon02 {
position: relative;
}

#recruit .estate-list {
font-size: 3.2vw;
line-height: 1.6;
margin-bottom: 7vw;
}

#recruit .estate-list li {
width: 100%;
border: #ccc 1px solid;
margin-bottom: -1px;
border-bottom: none;
}

#recruit .estate-list li:last-child {
border-bottom: 1px solid #ccc;
}

#recruit .estate-list li .estate-list-ttl {
border-bottom: #ccc dotted 1px;
width: 100%;
padding: 3%;
background: #f8f8f8;
font-size: 3.3vw;
font-weight: bold;
}

#recruit .estate-list li div {
width: 100%;
padding: 3vw;
background: #fff;
margin: 0;
font-size: 3.1vw;
}

/* staff -------------------------------------*/
#staff .main-title {
background: url(../images/staff/sp-h1.png)no-repeat top center;
background-size: 100% auto;
}

#staff .system-list {
margin-bottom: 10.2vw;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 4vw;
}

#staff .system-list li {
line-height: 1.4;
margin-right: 2%;
position: relative;
margin-bottom: 4.8vw;
width: 49%;
}

#staff .system-list li:nth-child(2n) {
margin-right: 0px;
}

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

#staff .system-list .btn {
text-align: center;
background: #333;
color: #fff;
font-size: 0.75em;
position: absolute;
bottom: 2.4vw;
left: 3.1vw;
width: 90%;
padding: 5% 0%;
}

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

#staff .system-pic {
margin-bottom: 3.6vw;
overflow: hidden;
text-align: center;
height: 40vw;
border-radius: 41.1vw;
border: 0.5vw solid #1A1E1F;
margin: 0 2.5vw;
margin-bottom: -7.7vw;
}

#staff .system-pic img {
width: 100%;
height: 40vw;
}

#staff .system-job {
letter-spacing: 0.3vw;
font-size: 2.8vw;
margin-bottom: 2.4vw;
line-height: 1.4;
position: relative;
left: -2.4vw;
color: #fff;
}

#staff .system-job span {
background: #1A1E1F;
display: inline-block;
padding: 1.2vw 3.6vw;
}

#staff .system-name span {
background: #1A1E1F;
display: inline-block;
padding: 1.7vw 4.6vw;
}

#staff .system-name {
font-size: 3.3vw;
margin-bottom: 1.0vw;
line-height: 1.4;
font-weight: bold;
position: relative;
left: -2.4vw;
color: #fff;
}

#staff .system-kana {
display: inline-block;
border: 0.2vw solid #E6E6E6;
border-radius: 7.7vw;
background: #fff;
padding: 0.2vw 2.9vw;
font-size: 2.9vw;
margin-bottom: 3.6vw;
line-height: 1.4;
letter-spacing: 0;
position: relative;
left: -2.4vw;
}

#staff .system-kana span {
/* display: -webkit-box; */
/* -webkit-box-orient: vertical; */
/* -webkit-line-clamp: 1; */
/* overflow: hidden; */
line-height: 1.7;
}

#staff .system-contents {
}

#staff .system-contents-inner {
background: #fff;
margin: 0 3vw;
}

#staff .system-contents .system-info {
text-align: center;
margin-bottom: 12vw;
}

#staff .system-contents .system-job {
font-size: 3.4vw;
color: #fff;
margin-bottom: 3.6vw;
line-height: 1.4;
border-bottom: 0.2vw solid #ccc;
padding-bottom: 7.2vw;
text-align: left;
background: #138CC8;
padding: 2.4vw 3.6vw;
display: inline-block;
}

#staff .system-contents .system-name {
font-size: 5.7vw;
line-height: 1.4;
text-align: center;
color: #333;
margin-bottom: 4vw;
}

#staff .system-contents .system-kana {
font-size: 3.9vw;
margin-bottom: 3.6vw;
line-height: 1.4;
display: block;
border: none;
}

#staff .system-contents .system-comment {
font-size: 3.9vw;
margin-bottom: 6.0vw;
line-height: 1.6;
}

#staff .system-contents .comment-bx {
}

#staff .system-contents .comment-bx table {
}

#staff .system-contents .comment-bx tbody {
}

#staff .system-contents .comment-bx tr {
}

#staff .system-contents .comment-bx th {
font-size: 0.93em;
letter-spacing: 0.3vw;
width: 25%;
border: 0.2vw solid #ccc;
padding: 1.2vw 0;
background: #949494;
color: #fff;
vertical-align: middle;
}

#staff .system-contents .comment-bx td {
font-size: 1em;
width: 40%;
border: 0.2vw solid #ccc;
padding: 1.2vw 3.6vw;
vertical-align: middle;
}

#staff .system-contents .system-i-pic {
text-align: center;
margin-bottom: 12.1vw;
}

#staff .system-contents .system-i-pic img {
width: 100%;
height: auto;
}

#staff .system-contents .wys-ttl {
width: 100%;
margin: 7.2vw auto;
padding: 3.6vw 7.2vw;
font-size: 1.4em;
color: #959595;
font-weight: bold;
background: #f1f1f1;
}

#staff .system-pottl {
font-size: 4.8vw;
font-weight: 600;
background: #138CC8;
color: #fff;
margin-bottom: 7.2vw;
padding: 2.4vw 4.8vw;
}

#staff .system-gallery02-pic-box {
text-align: center;
margin-bottom: 6vw;
}

/* form -------------------------------------*/
.form-Box {
padding: 4% 2%;
margin-bottom: 30px;
line-height: 1.6;
}

.form-Box .form-Box-inner {
background: #fff;
padding: 5% 3%;
}

.form-Box .form-list {
font-size: 3.2vw;
margin-bottom: 10%;
}

.form-Box .error {
margin-bottom: 1rem;
}

.form-Box .attention-color {
color: #f00;
}

.form-Box .form-list li {
padding-left: 1rem;
text-indent: -1rem;
margin-bottom: 3px;
}

.form-Box table {
border-top: 1px solid #dcdddd;
margin-bottom: 10%;
font-size: 3.4vw;
line-height: 1.6;
}

.form-Box tr {
margin-bottom: 0 !important
}

.form-Box th {
border-bottom: 1px solid #D6D6D6;
text-align: left;
width: 100%;
padding: 3%;
vertical-align: top;
display: block;
width: 100%;
background: #f8f8f8;
position: relative;
}

.form-Box td {
border-bottom: 1px solid #D6D6D6;
text-align: left;
width: 100%;
padding: 7% 3%;
vertical-align: top;
display: block;
width: 100%;
}

.form-Box .from-btn-01 {
text-align: center;
}

.form-Box .from-btn-02 {
margin-top: 10%;
}

.form-Box .button {
border: 0;
padding: 0;
margin: 0;
background: none;
}

.form-Box .from-btn-02 p {
margin-bottom: 3%;
}

.form-Box input[type="text"], .form-Box input[type="email"], .form-Box input[type="tel"], .form-Box input[type="date"], .form-Box select, .form-Box textarea {
width: 99%;
margin-bottom: 2%;
font-size: 16px;
padding: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.form-Box input.input-txt1 {
width: 30%;
}

.form-Box textarea {
font-size: 16px;
line-height: 1.6;
min-height: 120px;
}

.form-Box select {
font-size: 3.8vw;
padding: 3% 2% 4%;
width: 60%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.f-sizez {
width: 40vw!important;
}

.form-Box form th.required:after {
display: inline-block;
content: "必須";
color: #fff;
margin-left: 2.4vw;
background: #DB0101;
padding: 0 1.2vw;
position: relative;
top: 0.1vw;
left: 0vw;
font-size: 3vw;
}

python script.py .priv-title {
text-align: center;
margin-bottom: 4%;
}

.priv-text {
padding: 3%;
overflow-y: scroll;
height: 250px;
border: #ccc solid 1px;
margin-bottom: 5%;
background: #fff;
}

.priv-text .priv-ttl {
margin-bottom: 2%;
font-size: 1.5rem;
font-weight: bold;
}

.priv-text p {
margin-bottom: 4%;
font-size: 3.2vw;
margin-bottom: 4%;
padding-bottom: 4%;
border-bottom: #ccc solid 1px;
}

.priv {
text-align: center;
margin-bottom: 5%;
}

.priv-text .tt {
margin-bottom: 3%;
font-size: 4.8vw;
font-weight: bold;
}



/* works -------------------------------------*/
#works #sys-bx { }
#works #sys-bx .ttl{ font-size: 4.6vw; font-weight: bold; letter-spacing: 0; text-align: center; width: 100%; margin: 0 auto 7vw; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 4.5vw 2vw 4vw;}
#works .system-list{ margin-bottom: 10%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#works .system-list li{ position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 9.4vw; }
#works .system-list li:nth-child(2n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#works .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#works .system-list .btn::after { content: ' >';}
#works .system-pic{ width: 100%; height: 32vw; overflow: hidden; text-align: center; margin-bottom: 2.5vw; }
#works .system-pic img{ width: 100%; height: 32vw; }
#works .system-date{ font-size: 3.2vw; margin-bottom: 5%; }
#works .system-date::before{ content: "■"; }
#works .system-ttl-01{ font-size: 3.9vw; line-height: 1.5; }
#works .system-category-set { margin-bottom: 8%;margin-top: -8%;}
#works .system-category{ margin-bottom: 1px; font-size: 3.2vw; font-weight: bold; color: #fff; text-align: center; padding: 2vw; background-color: #ccc;}
#works .serchcategory{ margin: 0 3% 10%;}
#works .serchcategory .icon { display: inline-block;margin-right: 1%;margin-bottom: 3%;font-size: 3.2vw;color: #fff;text-align: center;padding: 4.5% 3%; }
#works .system-category1{margin-bottom: 10%; font-size: 3.6vw; font-weight: bold; color: #fff; text-align: center; padding: 1vw 3vw; background-color: #ccc; position: relative;}
#works .serchcategory1{ width: 90%; margin: 0 auto 10%; position: relative; top: 5vw}
#works .serchcategory1 .icon {width: 45%; display: inline-block; margin-bottom: 3vw; margin-right: 3vw; font-size: 3.6vw; font-weight: bold; text-align: center; padding: 2vw 0; position: relative;}
#works .serchcategory1 .icon:after{ content: ""; width: 20vw; height: 20vw; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -1vw; top: 5vw; z-index: 1}
#works .icon01{ background: #000; }
#works .icon02{ background: #111; }
#works .icon03{ background: #222; }
#works .icon04{ background: #333; }
#works .icon05{ background: #444; }
#works .icon06{ background: #555; }
#works .system-coment{ margin-bottom: 5%; }
#works .system-contents .system-category-set{margin-top: 0;}
#works .system-contents{ background: #eeefef; padding: 4% 2%; margin-bottom: 10%; }
#works .system-contents-inner { background: #fff; padding: 5% 3%;}
#works .system-contents .system-date{ font-size: 3.2vw; margin-bottom: 5%; display: block; line-height: 1.4;}
#works .system-contents .system-category{ margin-bottom: 0.1vw; font-size: 3.2vw; color: #fff; text-align: center; padding: 4% 3%; width: 100%;}
#works .system-contents .system-category-set { margin-bottom: 5%; margin-top: 0;}
#works .system-contents .system-ttl{ font-size: 4.2vw; font-weight: bold;  margin-bottom: 8%; padding-bottom: 8%; border-bottom: 1px #ccc solid; line-height: 1.6; }
#works .system-contents .system-i-pic{ text-align: center; margin-bottom: 8%; }
#works .system-contents .system-i-pic img{ max-width: 100%; }
#works .system-gallery { background: #eeefef; padding: 5% 3%;}
#works .system-gallery h2 { text-transform: uppercase; }
#works .gallery-list{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#works .gallery-list li{ width: 32%; position: relative; margin:0 2% 6% 0; font-size: 3.2vw; line-height: 1.4;}
#works .gallery-list li:nth-of-type(3n) { margin-right: 0;}
#works .gallery-list li a:hover{ text-decoration: none; }
#works .gallery-list li .system-Frame{ display: block; width: 100%; height: 90px; overflow: hidden; text-align: center; margin-bottom: 5%;}
#works .gallery-list li .system-Frame::after{ content: none;}
#works .gallery-list li .system-Frame img{ width: 100%; height: 90px; }


}