@charset "UTF-8";
 .w568px {
width: 568px;
}
.headLink {
position: relative;
font-size: 11px;
font-weight: 600;
}
.headLink::before {
content: "";
width: 15px;
height: 15px;
display: block;
position: absolute;
left: 15px;
top: 2px;
background: url(//com-s.jp/data/img/common/head/headIcon03-sp.png) no-repeat 0 0 / cover;
}
.headLink a {
text-decoration: underline;
display: inline-block;
font-weight: 600;
}
@media screen and (min-width: 768px) {
.headLink {
font-size: 12px;
text-align: center;
position: absolute;
top: 15px;
left: 50%;
z-index: 100;
margin-right: -50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
}
.headLink::before {
left: -20px;
background: url(//com-s.jp/data/img/common/head/headIcon03.png) no-repeat 0 0 / cover;
}
.headLink a {
color: #fff;
}
}
.hNavWrap {
width: 1000px;
margin: 0 auto;
}
.hNav {
float: right;
}
.hNav li {
float: left;
padding: 5px 0;
line-height: 140%;
box-sizing: border-box;
}
.hNav li:nth-child(1) {
margin: 0 20px 0 0;
}
.hNav li a {
color: #FFFFFF;
text-decoration: underline;
}
.hNav li a img {
vertical-align: middle;
margin-right: 5px;
}
.hNav li a:hover {
text-decoration: none;
color: #A4D1EA;
}
.hNav li a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.headBox01 {
width: 100%;
overflow: hidden;
padding: 12px 0;
}
.gNav {
margin: 0 15px 0 0;
float: right;
}
.gNav li {
float: left;
margin: 0 0 0 20px;
}
.gNav li a:hover img {
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
.commonMTtlBoxWrap {
position: relative;
z-index: 0;
}
#mainTtlBox .swiper-slide {
max-width: 1200px;
}
#mainTtlBox .swiper-slide img {
width: 100%; }
.box01 {
background: #F7F9F9;
overflow: hidden;
}
.box02 {
background: #E4EEF3;
overflow: hidden;
}
.box03 {
background: #1781c7; background: -moz-linear-gradient(top, #1781c7 0%, #1d94cc 100%); background: -webkit-linear-gradient(top, #1781c7 0%, #1d94cc 100%); background: linear-gradient(to bottom, #1781c7 0%, #1d94cc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1781c7', endColorstr='#1d94cc', GradientType=0); overflow: hidden;
}
.box04 {
background: #FFFFFF;
overflow: hidden;
}
.contBox01 {
width: 1000px;
margin: 0 auto;
padding: 30px 0 40px 0;
overflow: hidden;
}
.contBox02 {
width: 960px;
margin: 0 auto;
padding: 30px 0 40px 0;
overflow: hidden;
}
.contBox03 {
overflow: hidden;
width: 1400px;
margin: 0 auto;
padding: 30px 40px;
}
.contBox04 {
padding: 0 20px;
}
.commonMTtlBoxWrap {
width: 100%;
background: #E0E0E0;
overflow: hidden;
}
#commonMTtlBox {
width: 1400px;
margin: 0 auto;
padding: 20px 0 0 0;
height: 250px;
box-sizing: border-box;
overflow: hidden;
}
#commonMTtlBox p {
width: 1300px;
border: 2px solid #FFFFFF;
padding: 20px;
box-sizing: border-box;
margin: 20px auto 0;
color: #FFFFFF;
font-weight: normal;
font-size: 18px;
}
.managementTtl01 {
background: url(//com-s.jp/data/img/management/managementMBg.jpg) no-repeat top center;
}
.officerTtl01 {
background: url(//com-s.jp/data/img/management/officer/officerMBg.jpg) no-repeat top center;
}
.hospitalTtl01 {
background: url(//com-s.jp/data/img/management/hospital/hospitalMBg.jpg) no-repeat top center;
}
.kindergartenTtl01 {
background: url(//com-s.jp/data/img/management/kindergarten/kindergartenMBg.jpg) no-repeat top center;
}
.courtesy-busTtl01 {
background: url(//com-s.jp/data/img/management/courtesy-bus/courtesy-busMBg.jpg) no-repeat top center;
}
.schoolTtl01 {
background: url(//com-s.jp/data/img/management/school/schoolMBg.jpg) no-repeat top center;
}
.official-vehicleTtl01 {
background: url(//com-s.jp/data/img/management/official-vehicle/official-vehicleMBg.jpg) no-repeat top center;
}
.employeeTtl01 {
background: url(//com-s.jp/data/img/management/employee/employeeMBg.jpg) no-repeat top center;
}
.meritTtl01 {
background: url(//com-s.jp/data/img/merit/meritMBg.jpg) no-repeat top center;
}
.advantageTtl01 {
background: url(//com-s.jp/data/img/advantage/advantageMBg.jpg) no-repeat top center;
}
.dispatchTtl01 {
background: url(//com-s.jp/data/img/dispatch/dispatchMBg.jpg) no-repeat top center;
}
.their-employmentTtl01 {
background: url(//com-s.jp/data/img/their-employment/their-employmentMBg.jpg) no-repeat top center;
}
.flowTtl01 {
background: url(//com-s.jp/data/img/flow/flowMBg.jpg) no-repeat top center;
}
.safetyTtl01 {
background: url(//com-s.jp/data/img/safety/safetyMBg.jpg) no-repeat top center;
}
.faqTtl01 {
background: url(//com-s.jp/data/img/faq/faqMBg.jpg) no-repeat top center;
}
.contractTtl01 {
background: url(//com-s.jp/data/img/contract/contractMBg.jpg) no-repeat top center;
}
.switchingTtl01 {
background: url(//com-s.jp/data/img/switching/switchingMBg.jpg) no-repeat top center;
}
.companyTtl01 {
background: url(//com-s.jp/data/img/company/companyMBg.jpg) no-repeat top center;
}
.contact-usTtl01 {
background: url(//com-s.jp/data/img/contact-us/contact-usMBg.jpg) no-repeat top center;
}
.recruitTtl01 {
background: url(//com-s.jp/data/img/recruit/recruitMBg.jpg) no-repeat top center;
}
.requirementsTtl01 {
background: url(//com-s.jp/data/img/requirements/requirementsMBg.jpg) no-repeat top center;
}
.recruit-formTtl01 {
background: url(//com-s.jp/data/img/recruit-form/recruit-formMBg.jpg) no-repeat top center;
}
.commonList01 {
overflow: hidden;
}
.commonList01 li {
float: left;
width: 313px;
margin-bottom: 10px;
margin-right: 10px;
}
.commonList01 li:nth-child(3n) {
margin-right: 0;
}
.commonList01 li a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.commonList06 {}
.commonList06 li {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.commonList06 li:nth-child(5n) {
margin-right: 0;
}
.pct33List {
overflow: hidden;
}
.pct33List li {
float: left;
width: 33.33%;
}
.pct33List li img {
width: 100%;
}
.pct50List {
overflow: hidden;
}
.pct50List li {
float: left;
width: 50%;
}
.commonList02 {
overflow: hidden;
width: 100%;
}
.commonList02 li {
padding: 20px 0;
overflow: hidden;
width: 100%;
font-size: 18px;
}
.commonList02 li img {
float: left;
}
.commonList02 li div {
float: right;
width: 665px;
}
.commonList02 li h3 {
color: #1A8BCA;
font-size: 26px;
text-align: left;
margin-top: 20px;
}
.commonList02 li h3 span {
background: #1A8BCA;
color: #FFFFFF;
width: 35px;
display: inline-block;
text-align: center;
margin-right: 20px;
}
.commonList03 {
width: 960px;
overflow: hidden;
}
.commonList03 li {
float: left;
margin-bottom: 20px;
overflow: hidden;
width: 470px;
}
.commonList03 li:nth-of-type(odd) {
margin-right: 20px;
}
.commonList03 li img {
width: 100%;
}
.commonList04 {
background: #F4F2D2;
padding: 10px;
}
.commonList04 li {
text-align: left;
padding: 10px;
font-size: 18px;
}
.commonList04 li:nth-of-type(odd) {
background: #FBFAED;
}
.commonList05 {
background: #DCEBEA;
padding: 10px;
}
.commonList05 li {
font-size: 26px;
padding: 10px;
}
.commonList05 li:nth-of-type(odd) {
background: #F1F7F7;
}
.commonList05 li.last {
text-align: right;
font-size: 20px;
}
.contactBox01 {
padding: 40px 0;
}
.contactBox01 a {
display: block;
width: 960px;
margin: 0 auto;
}
.checkList01 {
width: 100%;
}
.checkList01 li {
background: #F2F1CC url(//com-s.jp/data/img/common/icon01.png) no-repeat 20px 50%;
border: 2px solid #FFFFFF;
padding: 20px 0 20px 80px;
text-align: left;
margin-bottom: 10px;
}
.commonLinkBox01 {
text-align: right;
font-size: 22px;
}
.commonLinkBox01 a {
background: #83CD30;
color: #FFFFFF;
text-decoration: underline;
padding: 0 10px;
}
.commonLinkBox01 a:hover {
text-decoration: none;
}
.commonLinkBox02 {}
.commonLinkBox02 a {
color: #604E2B;
text-decoration: underline;
background: url(//com-s.jp/data/img/common/icon02.gif) no-repeat center left;
padding: 0 0 0 20px;
font-size: 20px;
}
.commonLinkBox02 a:hover {
text-decoration: none;
}
.commonBox01 {
width: 920px;
padding: 0 20px;
}
.commonBox01 p {
width: 440px;
text-align: left;
}
.commonBox02 {
border: #DDCDA8 dashed 2px;
padding: 10px 20px;
}
.commonTtl01 {
border-bottom: 1px solid #DCE1E2;
color: #0097DB;
font-size: 22px;
text-align: left;
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', osaka, 'MS PGothic', monospace;
margin-bottom: 10px;
}
.areaBox01 {
overflow: hidden;
border: dotted 1px #C4C2C1;
background: #FFFFFF;
padding: 10px;
box-sizing: border-box;
}
.areaBox01 p {
background: #F7F7F7;
font-size: 18px;
padding: 5px 0;
}
.compareBox01 {
background: url(//com-s.jp/data/img/common/compareBg01.gif) repeat-y center top;
overflow: hidden;
display: flex;
}
.compareBox01 > div {
display: flex;
flex-direction: column;
}
.compareBox01 ul + img {
margin-top: auto;
width: calc(100% - 20px);
}
.compareBox01 .leftBox img {
align-self: flex-end;
}
.compareBox01-list01 {
width: 420px;
padding: 0 0 0 40px;
margin: 0 10px 0 0;
}
.compareBox01-list01 li {
padding: 10px;
font-size: 16px;
text-align: left;
}
.compareBox01-list01 li.rightText {
text-align: right;
}
.compareBox01-list01 li:nth-of-type(odd) {
background: #F1F7F7;
}
.compareBox01-list02 {
width: 420px;
overflow: hidden;
padding: 0 0px 0 20px;
margin: 0 20px 0 0;
}
.compareBox01-list02 li {
padding: 10px;
font-size: 16px;
text-align: left;
overflow: hidden;
}
.compareBox01-list02 li:nth-of-type(odd) {
background: #FBFAED;
}
.compareBox01-list02 li:last-child {
padding-bottom: 10px;
}
.compareBox02 {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
width: 960px;
}
.compareBox02-01 {
width: 475px;
background: #F4F2D2;
padding: 10px;
box-sizing: border-box;
}
.compareBox02-title01 {
background: #76BF2D;
color: #FFFFFF;
text-align: center;
padding: 5px 0;
font-size: 18px;
}
.compareBox02-list01 li {
text-align: center;
padding: 10px;
font-size: 18px;
}
.compareBox02-list01 li:nth-of-type(even) {
background: #FBFAED;
}
.commonTxt01 {
font-family: "���C���I", "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
font-size: 24px;
}
.commonTxt01 b {
color: #DF0D0D;
font-weight: normal;
}
.formTable01 {
width: 100%;
}
.formTable01 th {
background: #6DA6D3;
width: 224px;
vertical-align: middle;
text-align: center;
color: #FFFFFF;
font-size: 18px;
padding: 20px 0;
border-bottom: 1px solid #FFFFFF;
}
.formTable01 td {
background: #F1F1EF;
border-bottom: 1px solid #FFFFFF;
padding: 20px;
text-align: left;
}
.formTable01 td input[type="text"] {
font-size: 20px;
width: 90%;
border: 2px solid #D2D2D2;
padding: 10px;
}
.formTable01 td textarea {
width: 90%;
border: 2px solid #D2D2D2;
height: 160px;
font-size: 20px;
padding: 10px;
}
.link01 {
background: #E0A60C;
color: #FFFFFF;
width: 200px;
text-align: center;
padding: 10px;
text-decoration: none;
}
.link01 span {
text-decoration: underline;
}
.link01:hover {
text-decoration: none;
}
.link01:hover span {
text-decoration: none;
}
.dropmenu {
*zoom: 1;
list-style-type: none;
margin: 5px auto 30px;
padding: 0;
}
.dropmenu:before, .dropmenu:after {
content: "";
display: table;
}
.dropmenu:after {
clear: both;
}
.dropmenu li {
position: relative;
float: left;
height: 100%;
margin: 0 0px 0 20px;
padding: 0;
text-align: center;
}
.dropmenu li.gNav01 { }
.dropmenu li a {
display: block;
margin: 0;
padding: 15px 0 11px;
font-size: 14px;
line-height: 1;
text-decoration: none;
}
.dropmenu li ul {
list-style: none;
position: absolute;
z-index: 9999;
top: 100%;
left: 0;
margin: 0;
padding: 0;
}
.dropmenu li ul li {
width: 100%;
}
.dropmenu li ul li a {
padding: 10px 15px;
border-top: 1px solid #4FB5E6;
background: #1A87C8;
text-align: left;
color: #FFFFFF;
width: 150px;
}
.dropmenu li:hover > a {}
.dropmenu li ul li a:hover {
background: #1E92CD;
color: #FFFFFF;
}
#gNav {
width: 1000px;
height: 110px;
margin: 0 auto;
}
#gNav li {
float: left;
display: flex;
align-items: center;
}
#gNav li ul {
display: none;
}
#gNav li:hover ul {
display: block;
}
.gNav01 { width: 148px;
margin-left: 0 !important;
}
.gNav01 img {
display: block;
margin: 0 auto; }
.gNav01 .company_name {
font-size: 11px;
margin-top: 8px;
}
#sp_nav {
display: none;
}
img.pc {
display: block;
}
@media screen and (min-width: 768px) {
img.sp {
display: none;
}
}
.year40th {
margin: 30px auto;
}
.btn.more {
width: 300px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: #0097DB;
font-size: 18px;
margin: 24px auto 0;
}