@charset "UTF-8";
 .NewsList {
width: 980px;
margin: 0 auto;
padding: 10px;
background: #DCE1E2;
box-sizing: border-box;
overflow: hidden;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-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;
flex-direction: column;
gap: 10px;
}
.NewsList li {
background: #F1F3F3;
padding: 15px 10px;
box-sizing: border-box;
width: 100%;
position: relative;
display: flex;
align-items: baseline;
}
.NewsList li a {
font-size: 14px;
color: #333333;
margin-left: 12px;
}
.NewsList li a:hover {
text-decoration: none;
}
.NewsList li span {
display: block;
background: #76BF2D;
color: #FFFFFF;
padding: 4px 6px; width: 72px; flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
text-align: left;
font-size: 14px;
}
.NewsList li p {  line-height: 140%;
text-align: left;
padding: 3px 0;
}
.NewsList li a:hover p {
text-decoration: underline;
}
.topList01 {
}
.topList01 li {
overflow: hidden;
}
.topList01-01 { background: #33FFCC; }
.topList01-02 { background: #FFCCCC; }
.topList01-03 { background: #FFCCFF; }
.topList01-04 { background: #CCCCFF; }
.topList01-05 { background: #CCFFFF; }
.topList01-06 { background: #CCFFCC; }
.topList01-07 { background: #66FFFF; }
.topList01-box01 {
box-sizing: border-box;
width: 700px;
padding: 10px 24px;
}
.topList01 li h3 {
font-size: 26px;
color: #333333;
margin-top: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
}
.topList01-01 h3 { border-bottom: 1px solid #27BA8A; }
.topList01-02 h3 { border-bottom: 1px solid #CF5858; }
.topList01-03 h3 { border-bottom: 1px solid #B077BD; }
.topList01-04 h3 { border-bottom: 1px solid #7371CA; }
.topList01-05 h3 { border-bottom: 1px solid #50AB99; }
.topList01-06 h3 { border-bottom: 1px solid #50AB99; }
.topList01-07 h3 { border-bottom: 1px solid #50AB99; }
.topList01-link01,
.topList01-link02,
.topList01-link03,
.topList01-link04,
.topList01-link05,
.topList01-link06,
.topList01-link07{
border: 2px solid #FFFFFF;
width: 200px;
display: block;
margin: 0 auto;
color: #FFFFFF;
font-size: 16px;
text-align: center;
padding: 10px 0;
}
.topList01-link01 { background: #27BA8A url(//com-s.jp/data/img/top/topIcon01.gif) no-repeat 20px 50%; }
.topList01-link02 { background: #CF5858 url(//com-s.jp/data/img/top/topIcon01.gif) no-repeat 20px 50%; }
.topList01-link03 { background: #B077BD url(//com-s.jp/data/img/top/topIcon01.gif) no-repeat 20px 50%; }
.topList01-link04 { background: #7371CA url(//com-s.jp/data/img/top/topIcon01.gif) no-repeat 20px 50%; }
.topList01-link05 { background: #50AB99 url(//com-s.jp/data/img/top/topIcon01.gif) no-repeat 20px 50%; }
.topList01-link06 { background: #6FBE61 url(//com-s.jp/data/img/top/topIcon01.gif) no-repeat 20px 50%; }
.topList01-link07 { background: #39B9AF url(//com-s.jp/data/img/top/topIcon01.gif) no-repeat 20px 50%; }
.topList02 li {
width: 220px;
float: left;
padding: 10px 10px 40px;
}
.topList02 li img {
margin-bottom: 10px;
}
.topList02 li a {
display: block;
color: #FFFFFF;
text-decoration: underline;
height: 60px;
padding: 15px 0 0 0;
font-size: 1.4em;
box-sizing: border-box;
}
.topList02 li a:hover {
text-decoration: none;
}
.topList02-01 a { background: url(//com-s.jp/data/img/top/topBtn03.gif) no-repeat top left; }
.topList02-02 a { background: url(//com-s.jp/data/img/top/topBtn04.gif) no-repeat top left; }
.topList02-03 a { background: url(//com-s.jp/data/img/top/topBtn05.gif) no-repeat top left; }
.topList02-04 a { background: url(//com-s.jp/data/img/top/topBtn06.gif) no-repeat top left; }
.employeeList01 {}
.employeeList01 li {
padding: 20px 20px 20px 220px;
width: 100%;
box-sizing: border-box;
margin-bottom: 12px;
}
.employeeList01 li p {
width: 730px;
text-align: left;
}
.employeeList01-01 { background: #FFF url(//com-s.jp/data/img/management/employee/employeeImg03.png) no-repeat 20px 50%; border: #30C815 2px solid; }
.employeeList01-02 { background: #FFF url(//com-s.jp/data/img/management/employee/employeeImg04.png) no-repeat 20px 50%; border: #E1930F 2px solid; }
.employeeList01-03 { background: #FFF url(//com-s.jp/data/img/management/employee/employeeImg05.png) no-repeat 20px 50%; border: #17C6B9 2px solid; }
.safetyTxt02 {
text-align: left;
font-size: 20px;
line-height: 200%;
}
.safetyTxt02 span {
border-bottom: 1px dashed #AEAD8E;
}
.faqList01 li {
margin-bottom: 20px;
background: #1B8DCA url(//com-s.jp/data/img/faq/faqIcon01.gif) no-repeat 10px 50%;
}
.faqList01 li p {
background: #F0F0E1;
margin-left: 40px;
padding: 8px;
}
.faqList01 li p a {
background: #FFFFFF;
display: block;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
color: #333333;
text-align: left;
padding: 20px;
font-size: 20px;
text-decoration: underline;
}
.faqList01 li p a:hover {
text-decoration: none;
}
.faqTtl02 {
background: url(//com-s.jp/data/img/faq/faqTtileBg01.jpg) no-repeat center top;
color: #FFFFFF;
height: 81px;
padding: 30px 0 0 0;
font-size: 20px;
box-sizing: border-box;
}
.faqList02 li {
margin-bottom: 20px;
}
.faqBox01 {
border: dashed #CCCCCC 1px;
padding: 20px;
background: #FFFFFF;
}
.faqBtn {
background: url(//com-s.jp/data/img/faq/faqIcon02.gif) no-repeat center left;
padding: 10px 0 10px 60px;
text-align: left;
font-size: 18px;
text-decoration: underline;
cursor: pointer;
}
.faqBtn:hover {
text-decoration: none;
}
.faqArea {
margin: 20px 0 0 0;
display: none;
background: #F9F9F2;
padding: 10px;
text-align: left;
font-size: 16px;
}
.companyTable01 {
width: 100%;
}
.companyTable01 th {
background: #8CB9DD;
color: #FFFFFF;
font-size: 20px;
border-right:  10px #FFFFFF solid;
border-bottom: 10px #FFFFFF solid;
width: 214px;
padding: 10px;
vertical-align: middle;
text-align: center;
}
.companyTable01 td {
border-bottom: 10px #FFFFFF solid;
text-align: left;
padding: 20px;
background: #FAFAFA;
vertical-align: middle;
font-size: 16px;
}
.companyTable01 td p {
line-height: 160%;
margin-bottom: 20px;
}
.companyTable01 td p.companyTtl02 {
border-left: 5px solid #0000FF;
padding: 0 0 0 10px;
margin-bottom: 10px;
}
.recruitList01 {}
.recruitList01 li {
width: 300px;
background: #FFFFFF;
text-align: center;
float: left;
margin-right: 10px;
padding-bottom: 20px;
}
.recruitList01 li span {
background: #83CD30;
width: 200px;
display: block;
color: #FFFFFF;
padding: 10px 0;
margin: 0 auto;
}
.recruitList01 li:last-child {
margin-right: 0;
}
.recruitList02 {}
.recruitList02 li {
margin-right: 10px;
float: left;
}
.recruitList02 li:last-child {
margin-right: 0;
}
.recruitList03 {
background: #F0F0F0;
overflow: hidden;
padding: 20px 0 20px 20px;
}
.recruitList03 li {
padding: 0 20px 0 0;
float: left;
}
ul.disc {
list-style-type: disc;
padding-left: 1.5em;
}
.contact_info {
}
.contact_info h3 {
color: #1781c7;
font-weight: 700;
font-size: 20px;
}
.case {
}
.case .boxWrap ul {
display: flex;
flex-wrap: wrap;
gap: 48px 20px;
}
.case .boxWrap ul li {
width: calc((100% - 40px) / 3);
text-align: left;
}
.case .boxWrap ul li .visual {
height: 180px;
overflow: hidden;
}
.case .boxWrap ul li .visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.case .boxWrap ul li .title {
font-size: 16px;
font-weight: 700;
color: #1781c7;
margin-top: 12px;
line-height: 1.5;
}
.case .boxWrap ul li .excerpt {
margin-top: 12px;
line-height: 1.5;
}
.case .boxWrap ul li .btn {
width: 100%;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: #1781c7;
margin-top: 18px;
}