@charset "utf-8";
/* CSS Document */

html {
	font-size: calc(50vw / 32);
}

body{
	padding-top: 50px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
h1 { font-size: 2.2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.4rem; }
h4 { font-size: 1.0rem; }
h5 { font-size: 0.8rem; }
h6 { font-size: 0.4rem; }
p { font-size: 0.6rem; }
.footer{
	background-color:#fcfcec;
	text-align: left;
}
.footer p{
	margin: 0;
	padding: 0;
}
.contents{
	margin: 0;
	padding: 0;
}
.contact{
	text-align: center;
	background-image: url("/img/top-img04.jpg");
	background-repeat: no-repeat;
	background-size:100% auto;
}
.toiawase{
	margin: 0 auto;
	width: 70%;
}
.float-left{
	float: left;
}
.clear{
	clear: both;
}
.recruit{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color:#FFFFFF;
	padding: 0 10%;
}
.profile{
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background-color:#FFFFFF;
	padding: 0 10%;
}
.profile1{
	width: 80%;
	text-align: left;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
}
.profile-l{
	width: 30%;
	float: left;
	text-align: center;
	background-color:#FFFFFF;
	padding-left: 10%;
}
.profile-r{
	width: 70%;
	float: left;
	text-align: left;
	background-color:#FFFFFF;
	padding-right: 10%;
}
.profile2{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color:#ffffff;
	padding: 0 10%;
}

.profile table{
	margin: 0 auto;
}
.profile th{
	width: 20%;
	height: 20px;
	font-size: 0.8rem;
	font-weight: bold;
	text-align: center;
	color: #000000;
	background-color:#CADAFF;
	-moz-text-align-last: justify;
  	text-align-last: justify;
	padding: 3px 10px;
}
.profile td{
	font-size: 0.8rem;
	width: 80%;
	height: 20px;
	text-align: left;
	color: #000000;
	padding-left: 10px;
}

.profile-title {
    height: 0;
    padding-top: 8.05%;
    background:#E6E6E6 url('/img/subimg-profile01.jpg') 0 0 no-repeat;
    background-size: contain;
}
.profile-title2 {
    height: 0;
    padding-top: 8.05%;
    background:#ffffff url('/img/subimg-profile02.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #FFFFFF;
}
.homepage-content{
	background-color: #FFFFFF;
  	display: -webkit-box; /*Android4.3*/
  	display: -moz-box;    /*Firefox21*/
 	display: -ms-flexbox; /*IE10*/
  	display: -webkit-flex; /*PC-Safari,iOS8.4*/
  	display: flex
}
.homepage-title1 {
    height: 0;
    padding-top: 8.05%;
	margin: 0 0 -2% 0;
    background:#FFFFFF url('/img/subimg-title.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #004AAF;
}
.homepage-title2 {
    height: 0;
    padding-top: 8.05%;
    background:#ffffff url('/img/subimg-title02.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #FFFFFF;
}
.homepage-title3 {
    height: 0;
    padding-top: 8.05%;
    background:#ffffff url('/img/subimg-title03.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #FFFFFF;
}
.homepage-title5 {
    height: 0;
    padding-top: 8.05%;
    background:#E6E6E6 url('/img/subimg-title05.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #000000;
}
.homepage1{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	padding: 0 10%;
}
.homepage1-l{
	width: 30%;
	float: left;
	text-align: center;
	background-color:#FFFFFF;
	padding-left: 10%;
}
.homepage1-r{
	width: 70%;
	float: left;
	text-align: center;
	background-color:#FFFFFF;
	padding-right: 10%;
}
.homepage2{
	width: 100%;
	text-align: left;
	background-color:#FFFFFF;
	padding: 0 10%;
}
.homepage2-l{
	width: 70%;
	float: left;
	text-align: center;
	background-color:#FFFFFF;
	padding-left: 10%;
}
.homepage2-r{
	width: 30%;
	float: left;
	text-align: center;
	background-color:#FFFFFF;
	padding-right: 10%;
}
.homepage3{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	padding: 0 10%;
	clear: both;
}
.homepage3-l{
	width: 5%;
	float: left;
	text-align: center;
	background-color:#FFFFFF;

}
.homepage3-r{
	width: 95%;
	float: left;
	text-align: left;
	background-color:#FFFFFF;
	padding-left: 1rem;
}
.homepage4{
	width: 40%;
	margin: 0 auto;
	text-align: left;
	background-color:#FFFFFF;
}
.homepage7{
	width: 100%;
	text-align: left;
	background-color:#FFFFFF;
	padding: 0 10%;
}
.homepage8{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	padding: 0 10%;
	clear: both;
}
.homepage8-l{
	width: 5%;
	float: left;
	text-align: center;
	background-color:#FFFFFF;
}
.homepage8-r{
	width: 95%;
	float: left;
	text-align: left;
	background-color:#FFFFFF;
	padding-left: 1rem;
}
.homepage9{
	width: 100%;
	text-align: left;
	background-color:#FFFFFF;
	padding: 0 10%;
}
.homepage9-l{
	width: 65%;
	float: left;
	text-align: center;
	background-color:#FFFFFF;
}
.homepage9-r{
	width: 30%;
	float: right;
	text-align: center;
	background-color:#FFFFFF;
}
.homepage9-l th{
	text-align: center;
	font-size: 1.0rem;
}
.homepage9-l td{
	text-align: center;
	font-size: 0.8rem;
}

.homepage9 hr{
	width: 100%;
	height: 30px;
	border-style: solid;
	border-color: hsla(0, 0%, 75%, 0.9);
	border-width: 1px 0 0 0;
	border-radius: 15px;
}
.homepage-content2{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
	clear: both;
}
.homepage5{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.homepage5l{
	width: 50%;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
	float: left;
}
.homepage5r{
	width: 50%;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
	float: right;
}
.homepage6{
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background-color:#FFFFFF;
}
.homepage5 h4,.homepage5 h5{
	text-align: left;
}
.homepage2 td,.homepage2 th{
	height: 2rem;
	text-align: center;
}
.websystem-title1 {
    height: 0;
    padding-top: 8.05%;
    background:#E6E6E6 url('/img/subimg-title01.jpg') 0 0 no-repeat;
    background-size: contain;
}
.websystem-title2 {
    height: 0;
    padding-top: 8.05%;
    background:#ffffff url('/img/subimg-title02.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #FFFFFF;
}
.websystem-title3 {
    height: 0;
    padding-top: 8.05%;
    background:#ffffff url('/img/subimg-title03.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #FFFFFF;
}
.websystem-title5 {
    height: 0;
    padding-top: 8.05%;
    background:#E6E6E6 url('/img/subimg-title05.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #000000;
}
.websystem1{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	padding-left: 10%;
}
.websystem1-l{
	width: 30%;
	float: left;
	text-align: center;
	background-color:#E6E6E6;
	padding-left: 10%;
}
.websystem1-r{
	width: 70%;
	float: left;
	text-align: center;
	background-color:#E6E6E6;
	padding-right: 10%;
}
.websystem2{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	padding-left: 10%;
}.websystem3{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	padding: 0 10%;
}
.websystem4{
	width: 40%;
	margin: 0 auto;
	text-align: left;
	background-color:#FFFFFF;
}
.websystem5{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	padding: 0 10%;
}
.contact-title1 {
    height: 0;
    padding-top: 8.05%;
    background:#E6E6E6 url('/img/subimg-title01.jpg') 0 0 no-repeat;
    background-size: contain;
}
.contact1{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color:#E6E6E6;
	padding: 0 10%;
}
.recruit1{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
}
.introduction-staff-cont{
	width: 100%;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.introduction-staff-contl{
	width: 29%;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
	float: left;
	margin-right: 1%;
}
.introduction-staff-contr{
	width: 70%;
	text-align: left;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
	float: left;
}
.introduction-staff1{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.introduction-staff2{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.introduction-staff2-cont{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
}
.introduction-staff2-contl{
	width: 50%;
	text-align: center;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
	float: left
}
.introduction-staff2-contr{
	width: 50%;
	text-align: center;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
	float: left;
}

.introduction-staff3{
	width: 100%;
	text-align: left;
	background-color:#E6E6E6;
}
.introduction-staff3-l{
	width: 8%;
	text-align: right;
	background-color:#E6E6E6;
	float: left;
	margin-right: 1%;
}
.introduction-staff3-r{
	width: 91%;
	text-align: left;
	background-color:#E6E6E6;
	float: left;
}

.dispatch-staff-cont{
	width: 100%;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.dispatch-staff-contl{
	width: 29%;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
	float: left;
	margin-right: 1%;
}
.dispatch-staff-contr{
	width: 70%;
	text-align: left;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
	float: left;
}

.dispatch-staff1{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
}
.dispatch-staff2{
	width: 100%;
	text-align: left;
	background-color:#FFFFFF;
}
.dispatch-staff2-l{
	width: 8%;
	text-align: right;
	background-color:#FFFFFF;
	float: left;
	margin-right: 1%;
}
.dispatch-staff2-r{
	width: 91%;
	text-align: left;
	background-color:#FFFFFF;
	float: left;
}
.dispatch-staff3{
	width: 100%;
	text-align: left;
	background-color:#FFFFFF;
}
.dispatch-staff3-l{
	width: 8%;
	text-align: right;
	background-color:#FFFFFF;
	float: left;
	margin-right: 1%;
}
.dispatch-staff3-r{
	width: 91%;
	text-align: left;
	background-color:#FFFFFF;
	float: left;
}

.regist-staff1{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
}
.introduction-corp1{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.introduction-corp2{
	width: 70%;
	margin: 0 auto;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
}
.introduction-corp3{
	width:100%;
	margin: 0 auto;
	text-align: center;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.dispatch-corp1{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.dispatch-corp2{
	width: 100%;
	text-align: left;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.training1{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.training2{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.training2 th{
	font-size: 0.7rem;
	font-weight: bold;
	text-align: center;
	background-color: #FFFFDC;
}
.training2 td{
	font-size: 0.6rem;
	text-align: left;
	line-height: 1rem;
}
.regist-corp1{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
}
.regist-recruit1{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	min-height: 100%;
	overflow: hidden;
}
.inquiry1{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
}
.inquiry2{
	width: 100%;
	text-align: left;
	background-color:#FFFFFF;
	padding: 0 10%;
}

.privacy1{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.menuver{
	background:repeating-linear-gradient(#ffffff 0, #ffffff 2px, #f9e7d7 2px, #f9e7d7 4px);
}
.info-photo{
	width: 100%;
	text-align: left;
	background-color:#FFFFFF;
	overflow: hidden;
}
[class^="img-flex-"] {
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
}

.img-flex-2 img { width: calc( 100% / 2 ); height: calc( 100% / 2 ); }
.img-flex-3 img { width: calc( 100% / 3 ); height: calc( 100% / 3 ); }
.img-flex-4 img { width: calc( 100% / 4 ); height: calc( 100% / 4 ); }

.shikaku{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.shikaku-tbl{
	width: 30%;
	float: left;
}
.shikaku th{
	width: 20%;
	text-align: center;
	font-weight: bold;
	background-color:#CADAFF;
	-moz-text-align-last: justify;
  	text-align-last: justify;
	padding: 3px 10px;
}
.shikaku td{
	width: 5%;
	text-align: center;
}
.setsubi{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	min-height: 100%;
	overflow: hidden;
	padding: 0 10%;
}
.setsubi-tbl{
	width: 30%;
	float: left;
}
.setsubi-photo{
	width: 66%;
	float: left;
	margin-left: 4%;
}
.setsubi th{
	width: 20%;
	text-align: center;
	font-weight: bold;
	background-color:#CADAFF;
	-moz-text-align-last: justify;
  	text-align-last: justify;
	padding: 3px 10px;
}
.setsubi td{
	width: 5%;
	text-align: center;
}

/*ここよりrecruitのtable関連*/

.recruit{
	
}
.recruit table{
	width: 100%;
	border-collapse: collapse;
}
.recruit table tr{
	border-bottom: solid 2px white;
}
.recruit table tr:last-child{
	border-bottom: none;
}

.recruit table th:first-child{
	border-radius: 5px 0 0 0;
}

.recruit table th:last-child{
	border-radius: 0 5px 0 0;
	border-right: 1px solid #3c6690;
}

.recruit table th{
	position: relative;
	width: 30%;
	background-color: #956134;
	color: white;
	font-size: 0.8rem;
	padding:10px 2rem;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-justify:inter-ideograph;
}

.recruit table th:after{
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	top:calc(50% - 10px);
	right:-10px;
	border-left: 10px solid #956134;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.recruit table td{
	text-align: left;
	width: 70%;
	background-color: #eee;
	padding: 10px 0 10px 1rem;
	font-size: 0.8rem;
}

.recruit-tub{
	text-align: left;
}
.recruit-tub img{
	display: inline;
	width: 45%;
}
.ib-tbl-title{
	background-color: #fcfcec;
}
.photo5{
	width: 100%;
	clear: both;
	padding-top: 10px;
}
.photo5-pit{
	width: 20%;
	float: left;
}