@charset "UTF-8";

/**************************************
***************************************
*PCスタイル****************************
***************************************
***************************************/

@media screen and (min-width:768px) {

/*メインイメージ******************
**********************************/
	#main {
    	position: relative;
		/*height:630px;*/
    	width: 100%;
		/*background: url(../img/main.jpg) no-repeat center center;
    	background-size: cover;*/
		overflow:hidden;
        margin-top: 80px;
	}
  #main a {
    transition: all ease .3s;
  }
  #main a:hover {
    opacity: 0.6;
  }
  #main .slick-dots {
    bottom: -35px;
}
    #main .slick-dots li button:before {
        color: #3ebbbc !important;
    }
	/*#main:before {
		background: url(../img/dot.svg);
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}*/
	
	#main div#copy {
    	position: relative;
		margin-left:80%;
		height:630px;
    	width: 20%;
		background:#44bbbc;
		z-index:10;
		-webkit-transform: skewX(-10deg);
		transform: skewX(-10deg);
		-webkit-transform-origin: top center;
		transform-origin: top center;
	}
	
	#main div#copy:before {
		position:absolute;
		top:0;
		right:0;
		content:"";
		height:100%;
		width:100%;
		background:#44bbbc;
		z-index:-1;
		-webkit-transform: skewX(20deg);
		transform: skewX(10deg);
		-webkit-transform-origin: top center;
		transform-origin: top center;
	}
	
	#main div#copy div.copy_inner {
    	position: relative;
		height:100%;
		-webkit-transform: skewX(10deg);
		transform: skewX(10deg);
		-webkit-transform-origin: top center;
		transform-origin: top center;
	}
	
	#main div#copy div.copy_inner img.img1 {
		position:absolute;
		top:calc(50% - 80px);
		left:0;
		width:240px;
		height:auto;
	}
	@media screen and (max-width:1024px) {
	
		#main div#copy div.copy_inner img.img1 {
			left:-50px;
		}
	}
	
	#main div#copy div.copy_inner img.img2 {
		position:absolute;
		bottom:40px;
		right:40px;
		height:auto;
	}
	
/*事業内容************************
**********************************/
	
	#business #figure {
		margin-bottom:80px;
	}
	
	#business #figure h3 {
		margin-bottom:15px;
		text-align:center;
		color: #45b2b3;
		font-size: 1.8rem;
		letter-spacing:0.2rem;
		line-height:1.3;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	}
	
	#business #figure p {
		padding:0 50px;
		margin-bottom:30px;
	}
	
	#business #figure img {
		width:100%;
		height:auto;
		-webkit-backface-visibility: hidden;
	}
	
	#business #merit {
		padding:0 15px;
	}
	
	#business #merit h3 {
		text-align:center;
		margin-bottom:50px;
	}
	
	#business #merit h3 img {
		width:50%;
		height:auto;
		-webkit-backface-visibility: hidden;
	}	
	
	#business #merit dl {
		float:left;
		width:calc(100% / 3 - 20px);
	}
	
	#business #merit dl:nth-child(odd) {
		margin:0 30px;
	}
	
	#business #merit dl dt {
		position:relative;
		padding:5px;
		margin-bottom:10px;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		color:#fff;
		font-size:1.2rem;
		line-height:1.5;
		font-weight:bold;
		text-align:center;
		transform: rotate(0.001deg);
		background:#44bbbc;
		border-radius:8px;
	}
	#business #merit dl dt:after {
		position:absolute;
		top:-30px;
		left:-25px;
		content:"";
		width:64px;
		height:64px;
		background:url(../img/balloon2.png);
		background-size:contain;
		-webkit-backface-visibility: hidden;
		transform: rotate(-0.001deg);
	}
	#business #merit dl:nth-child(2) dt:after {
		background:url(../img/balloon1.png);
	}
	#business #merit dl:last-child dt:after {
		background:url(../img/balloon3.png);
	}
	#business #merit dl dd {
		margin-bottom:20px;
	}
	
/*派遣の歴史と終焉****************
**********************************/

	#history div#rekisi {
		padding:0 40px;
	}
	
	#history div#rekisi ul {
		padding:0 0 5px 80px;
		margin-bottom:30px;
		position:relative;
		background-image:url(../img/start.png), url(../img/end.png);
		background-repeat: no-repeat, no-repeat;
		background-size:30px 30px, 30px 30px;
		background-position:0 5px, 0 bottom;
	}
	
	#history div#rekisi ul:before {
		position:absolute;
		top:25px;
		left:13px;
		content:"";
		width:4px;
		height:calc(100% - 55px);
		background:#44bbbc;
	}
	
	#history div#rekisi ul li {
		position:relative;
		padding:10px 15px 10px 150px;
		margin-bottom:20px;
		height:76px;
		box-sizing:border-box;
	}
	
	#history div#rekisi ul li:last-child {
		margin:0;
	}
	
	#history div#rekisi ul li:nth-child(odd) {
		background:#cfe4e4;
	}
	
	#history div#rekisi ul li:nth-child(even) {
		background:#fff;
		border:2px solid #cfe4e4;
		border-left:none;
		box-sizing:border-box;
	}
	
	#history div#rekisi ul li:after {
		position:absolute;
		top:0;
		bottom:0;
		left:20px;
		margin:auto 0;
		content:"";
		font-size:2rem;
		line-height:2.2;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;

	}
	
	#history div#rekisi ul li:nth-child(1):after {
		content:"1986";
		color:#fff;
	}
	
	#history div#rekisi ul li:nth-child(2):after {
		content:"1996";
		color:#cfe4e4;
	}
	
	#history div#rekisi ul li:nth-child(3):after {
		content:"2008";
		color:#fff;
	}
	
	#history div#rekisi ul li:nth-child(4):after {
		content:"2018";
		color:#cfe4e4;
	}
	
	#history div#rekisi ul li:nth-child(odd):before {
		position:absolute;
		top:0;
		bottom:0;
		left:-40px;
		margin:auto 0;
		content:"";
		height:76px;
		width:40px;
    background:
      linear-gradient(to top right, rgba(207,228,228,0) 50%, #cfe4e4 50.5%) no-repeat bottom left/100% 50%,
      linear-gradient(to bottom right, rgba(207,228,228,0) 50%, #cfe4e4 50.5%) no-repeat top right/100% 50%;
	}
	
	#history div#rekisi ul li:nth-child(even):before {
		position:absolute;
		top:0;
		bottom:0;
		left:-40px;
		margin:auto 0;
		content:"";
		height:76px;
		width:40px;
    	background:url(../img/triangle.png);
		background-size:contain;
	}
	
	#history div#rekisi p {
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		font-size:1.6rem;
		font-weight:bold;
		text-align:center;
		transform: rotate(0.001deg);
	}
	
/*ワースが目指す人材紹介**********
**********************************/
	
	#ideal div#introduction {
		text-align:center;
	}
	
	#ideal div#introduction p {
		margin-bottom:40px;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		font-size:1.4rem;
		line-height:1.5;
		text-align:center;
		transform: rotate(0.001deg);
	}
	
	#ideal div#introduction ul {
		margin-top:15px;
		text-align:center;
	}
	
	#ideal div#introduction ul li {
		display:inline-block;
		width:286px;
	}
	
	#ideal div#introduction ul li p {
		display:none;
	}
	
	#ideal div#introduction ul li:nth-child(2) {
		margin:0 20px;
	}
	
	#ideal div#introduction ul li img {
		width:100%;
		height:auto;
	}
	
/*ワースの強み**********
**********************************/
	
	#strength p {
		margin-bottom:40px;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		font-size:1.4rem;
		line-height:1.5;
		text-align:center;
		transform: rotate(0.001deg);
	}
	
	#strength  p#client {
		margin:40px auto 0;
	}
	
/*代表挨拶************************
**********************************/	

	#greet {
	}
	
	#greet .left {
		float:left;
		width:calc(40% - 25px);
		text-align:right;
	}
	
	#greet .right {
		float:right;
		padding-right:5%;
		width:calc(60% - 25px);
	}
	#greet .left img {
		width:100%;
		height:auto;
		-webkit-backface-visibility: hidden;
	}
	#greet .right dl dt {
		position:relative;
		margin-bottom:5px;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		color:#45b2b3;
		font-size:1.4rem;
		font-weight:bold;
		text-indent:-0.5rem;
		transform: rotate(0.001deg);
		z-index:0;
	}
	#greet .right dl dt:before {
		position:absolute;
		top:-10px;
		left:-25px;
		content:"";
		width:94px;
		height:94px;
		background:#fff;
		border-radius:50%;
		z-index:-1;
	}
	#greet .right dl dd {
		position:relative;
		margin-bottom:30px;
		z-index:1;
	}
	#greet .right p {
		text-align:right;
	}
	#greet .right p span {
		display:inline-block;
		margin-left:20px;
		font-size:1.3rem;
	}
	
/*会社概要************************
**********************************/
	#about dl {
		display:table;
		border-collapse: separate;
		border-spacing:10px 0;
		margin-bottom:10px;
		width:100%;
	}
	#about dl dt {
		display:table-cell;
		padding:25px;
		width:20%;
		background:#fff;
		border:2px solid #eee;
		box-sizing:border-box;
	}
	#about dl dd {
		display:table-cell;
		padding:25px 25px 25px 45px;
		margin-left:10px;
		width:80%;
		background:#fff;
		border:2px solid #eee;
		box-sizing:border-box;
	}
	
/*お問い合わせ********************
**********************************/
	
	p.note {
		padding:0 0 50px;
		font-size:1.1rem;
		text-align:center;
		line-height:2;
	}
	
	p.note.red {
		color:#900;
	}
	
	p.note span {
		color:#900;
	}
	
	#form {
		width:100%;
		padding:0 40px 40px;
		background:#fff;
	}
	
	#form table {
		border-collapse: separate;
		border-spacing:0;
		width:100%;
	}
	
	#form table tr th {
		position:relative;
		padding-right:50px;
		width:28%;
		font-size:1rem;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		box-sizing:border-box;
		vertical-align:middle;
		border-bottom:1px solid #ccc;
	}
	
	#form table tr:last-child th {
		border-bottom:none;
	}
	
	#form table tr th span::after {
		content: "必須";
		background:rgba(190,0,3,1.00);
		color:#fff;
		font-size:0.8rem;
		border-radius:2px;
		padding: 0 0.3em;
		position: relative;
		left: 5px;
		top:-1.2em;
	}
		
	#form table tr th.err {
		color:#900;
	}
		
	#form table tr td span.err_msg {
		display:block;
		color:#900;
	}
	
	#form table tr td span.interview {
		display:none;
		color:#900;
	}
	#form table tr td span.interview.err {
		display:block;
		color:#900;
	}
	
	#form table tr td {
		width:72%;
		font-size: 1rem;
		box-sizing:border-box;
		padding:50px 0 50px 50px;
		border-bottom:1px solid #ccc;
	}
	
	#form table tr:last-child td {
		border-bottom:none;
	}
	
	#form table tr td select {
		margin-top:5px;
	}
	form table tr td#industry .selectlement {
		display: block;
	}
	form table tr td#job_type .selectlement {
		display: block;
	}
	
	#form table tr td input, #form table tr td select, #form table tr td textarea {
		border:1px solid #ccc;
		padding:0.7rem;
		border-radius:5px;
		font-size: 1rem;
	}
	
	#form table tr td textarea {
		height:200px;
	}
	
	#form table tr td select,#form table tr td input[type="checkbox"] {
		cursor:pointer;
	}
	
	#form table tr td input[type="file"] {
		padding:0;
		border:none;
		cursor:pointer;
	}
		
	#form table tr td input.err, #form table tr td textarea.err, #form table tr td select.err {
		margin:0 0 10px;
	}
		
	#form table tr td input.err, #form table tr td textarea.err, #form table tr td select.err {
		margin:0 0 10px;
	}
	
	.notselect {
		visibility:hidden;
	}
	
	/*チェックボックス*/
	
	label input{
	  display: none;
	}
	label span{
	  padding-left: 20px;
	  position:relative;
	  margin-right: 20px;
	}
	label span::before{
	  content: "";
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 15px;
	  height: 15px;
	  border: 1px solid #999;
	  border-radius: 4px;
	}
	/*label input:checked + span {
	  color: #ff7ba6;
	}*/
	label input:checked + span::after{
	  content: "";
	  display: block;
	  position: absolute;
	  top: -5px;
	  left: 5px;
	  width: 7px;
	  height: 14px;
	  transform: rotate(40deg);
	  border-bottom: 3px solid #ff7ba6;
	  border-right: 3px solid #ff7ba6;
	}
	
	/*ボタン部分*/
	
	#form div#submit {
		text-align:center;
	}
	
	#form div#submit input {
		display:inline-block;
		margin:0 20px;
		width:240px;
		height:50px;
		background:#45b2b3;
		color:#fff;
		font-size:1rem;
		letter-spacing:2px;
		text-align:center;
		line-height:50px;
		transition: all .3s;
	}
	
	#form div#submit input:hover {
		opacity:0.8;
	}
	
	#form div#submit a {
		display:inline-block;
		margin:0 20px;
		width:240px;
		height:50px;
		background:#999999;
		color:#fff;
		font-size:1rem;
		letter-spacing:2px;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		text-align:center;
		text-decoration:none;
		line-height:50px;
		transition: all .3s;
	}
	
	#form div#submit a:hover {
		opacity:0.8;
	}
	
	
	/*送信完了ページ*/
	
	#thanks {
		padding:40px;
		background:#fff;
		text-align:center;
	}
	#thanks br {
	}
	#thanks p {
		padding:15px 0 40px;
		color:#900;
	}
	#thanks p.caution a {
		color:#333;
	}
	#thanks div#hurry {
		padding:20px;
		border:3px solid #eee;
	}
	#thanks div#hurry div {
		margin-top:20px;
		text-align:center;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		font-size:2rem;
		font-weight:bold;
		
	}
	#thanks div#hurry div span {
		display:block;
		font-size:1.6rem;
		font-weight:bold;
	}
	
	
/*求職者向けリンク********************
**********************************/
	
	#job_link #banner_area img {
		margin-top: 20px;
	}
	
	#job_link #banner_area img#mam {
		margin-left: 8px;
	}
	
	#job_link #banner_area img#driver {
		margin-left: 8px;
	}
}


/**************************************
***************************************
*スマホスタイル************************
***************************************
***************************************/


@media screen and (max-width:767px) {
	
/*メインイメージ******************
**********************************/
	#main {
		position:relative;
		height:auto;
		overflow:hidden;
		/*background: url(../img/main-sp.jpg) no-repeat center center;
    	background-size: cover;*/
	}
  #main .slick-dots {
    bottom: -30px;
}
    #main .slick-dots li button:before {
            color: #3ebbbc !important;
    }
	/*#main:after {
		display:block;
		content: '';
		padding-top:85%;
	}*/
	
	#main div#copy {
		height:100%;
    	width:100%;
		z-index:10;
	}
	
	#main div#copy img.img1 {
		position:absolute;
		top:120px;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
		width:100%;
		height:auto;
	}
	
	#main div#copy div.copy_inner img.img2 {
		display:none;
	}
	
/*事業内容************************
**********************************/
	
	#business #figure h3 {
		margin-bottom:1rem;
		text-align:center;
		color: #45b2b3;
		font-size: 2.2rem;
		letter-spacing:0.3rem;
		line-height:1.3;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	}
	
	#business #figure p {
		margin-bottom:2rem;
	}
	
	#business #figure img {
		display:block;
		margin:0 auto 3rem;
		width:95%;
		height:auto;
		-webkit-backface-visibility: hidden;
	}	
	
	#business #merit h3 {
		text-align:center;
		margin-bottom:2rem;
	}
	
	#business #merit h3 img {
		width:73%;
		height:auto;
		-webkit-backface-visibility: hidden;
	}	
	
	#business #merit dl dt {
		position:relative;
		padding:0.5rem 0;
		margin-bottom:10px;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		color:#fff;
		font-size:1.8rem;
		line-height:1.2;
		font-weight:bold;
		text-align:center;
		transform: rotate(0.001deg);
		background:#44bbbc;
		border-radius:8px;
	}
	#business #merit dl dt:after {
		position:absolute;
		top:-10px;
		left:-20px;
		content:"";
		width:40px;
		height:40px;
		background:url(../img/balloon2.png);
		background-size:contain;
		-webkit-backface-visibility: hidden;
		transform: rotate(-0.001deg);
	}
	#business #merit dl:nth-child(2) dt:after {
		background:url(../img/balloon1.png);
		background-size:contain;
	}
	#business #merit dl:last-child dt:after {
		background:url(../img/balloon3.png);
		background-size:contain;
	}
	#business #merit dl dd {
		margin-bottom:2rem;
	}
	
/*派遣の歴史と終焉****************
**********************************/
	#history div#rekisi {
	}
	
	#history div#rekisi ul {
		padding:0 0 0 4rem;
		margin-bottom:2rem;
		position:relative;
		background-image:url(../img/start.png), url(../img/end.png);
		background-repeat: no-repeat, no-repeat;
		background-size:30px 30px, 30px 30px;
		background-position:0 top, 0 bottom;
	}
	
	#history div#rekisi ul:before {
		position:absolute;
		top:20px;
		left:13px;
		content:"";
		width:4px;
		height:calc(100% - 50px);
		background:#44bbbc;
	}
	
	#history div#rekisi ul li {
		position:relative;
		padding:1rem 1rem 1rem 3rem;
		margin-bottom:20px;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		box-sizing:border-box;
	}
	
	#history div#rekisi ul li span {
		position:relative;
		z-index:2;
	}
	
	#history div#rekisi ul li br {
		display:none;
	}
	
	#history div#rekisi ul li:last-child {
		margin:0;
	}
	
	#history div#rekisi ul li:nth-child(odd) {
		background:#cfe4e4;
	}
	
	#history div#rekisi ul li:nth-child(even) {
		background:#fff;
		border:2px solid #cfe4e4;
		box-sizing:border-box;
	}
	
	#history div#rekisi ul li:after {
		position:absolute;
		bottom:0;
		right:20px;
		content:"";
		font-size:4rem;
		line-height:1.5;
		z-index:1;
	}
	
	#history div#rekisi ul li:nth-child(1):after {
		content:"1986";
		color:#fff;
	}
	
	#history div#rekisi ul li:nth-child(2):after {
		content:"1996";
		color:#cfe4e4;
	}
	
	#history div#rekisi ul li:nth-child(3):after {
		content:"2008";
		color:#fff;
	}
	
	#history div#rekisi ul li:nth-child(4):after {
		content:"2018";
		color:#cfe4e4;
	}
	
	#history div#rekisi ul li:nth-child(odd):before {
		position:absolute;
		top:0;
		bottom:0;
		left:-20px;
		margin:auto 0;
		content:"";
		height:35px;
		width:20px;
    background:
      linear-gradient(to top right, rgba(207,228,228,0) 50%, #cfe4e4 50.5%) no-repeat bottom left/100% 50%,
      linear-gradient(to bottom right, rgba(207,228,228,0) 50%, #cfe4e4 50.5%) no-repeat top right/100% 50%;
	}
	
	#history div#rekisi ul li:nth-child(even):before {
		position:absolute;
		top:0;
		bottom:0;
		left:-20px;
		margin:auto 0;
		content:"";
		height:35px;
		width:20px;
    	background:url(../img/triangle-sp.png);
		background-size:contain;
	}
	
	#history div#rekisi p {
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		font-size:1.6rem;
		font-weight:bold;
		text-align:center;
		transform: rotate(0.001deg);
	}
	
/*ワースが目指す人材紹介**********
**********************************/	
	
	#ideal div#introduction {
		text-align:center;
	}
	
	#ideal div#introduction > p {
		margin-bottom:2.5rem;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		font-size:1.5rem;
		line-height:1.5;
		text-align:center;
		transform: rotate(0.001deg);
	}
	
	#ideal div#introduction p br {
		display:none;
	}
	
	#ideal div#introduction img#recruit {
		width:100%;
		height:auto;
	}
	
	#ideal div#introduction ul {
		padding:2rem 0 0;
		text-align:center;
	}
	
	#ideal div#introduction ul li {
		display:flex;
		width:100%;
		margin:0 auto 2rem;
	}
	
	#ideal div#introduction ul li picture {
	}
	
	#ideal div#introduction ul li img {
		width:100%;
		height:auto;
	}
	
	#ideal div#introduction ul li p {
		padding-left:2rem;
		text-align:left;
		font-weight:normal;
	}
	
	#ideal div#introduction ul li p br {
		display:block;
	}
	
	#ideal div#introduction ul li p span {
		display:block;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		font-weight:bold;
		font-size:2rem;
		line-height:1.4;
		color:#44bbbc;
	}
	
/*ワースの強み**********
**********************************/
	
	#strength  p {
		margin-bottom:2.5rem;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		font-size:1.5rem;
		line-height:1.5;
		transform: rotate(0.001deg);
	}
	
	#strength  p#client {
		margin:1em auto 0;
	}
	
	#strength p br {
		display:none;
	}
	
	#strength img {
		width:100%;
		height:auto;
	}

	
/*代表挨拶************************
**********************************/	
	
	#greet .left {
		margin-bottom:9%;
		text-align:center;
	}
	#greet .left img {
		margin-right:-8%;
		width:80%;
		height:auto;
		-webkit-backface-visibility: hidden;
	}
	#greet .right dl dt {
		position:relative;
		margin-bottom:0.5rem;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		color:#45b2b3;
		font-size:2rem;
		font-weight:bold;
		text-indent:-0.5rem;
		transform: rotate(0.001deg);
		z-index:0;
	}
	#greet .right dl dt:before {
		position:absolute;
		top:-1rem;
		left:-1rem;
		content:"";
		width:60px;
		height:60px;
		background:#fff;
		border-radius:50%;
		z-index:-1;
	}
	#greet .right dl dd {
		position:relative;
		margin-bottom:3.5rem;
		z-index:1;
	}
	#greet .right p {
		text-align:right;
	}
	#greet .right p span {
		display:inline-block;
		margin-left:20px;
		font-size:1.8rem;
	}
	
	
/*会社概要************************
**********************************/
	#about dl {
		display:table;
		border-collapse: separate;
		border-spacing:10px 0;
		margin-bottom:10px;
		width:100%;
	}
	#about dl dt {
		display:table-cell;
		padding:1.5rem;
		width:30%;
		vertical-align:middle;
		background:#fff;
		border:2px solid #eee;
		box-sizing:border-box;
	}
	#about dl dd {
		display:table-cell;
		padding:1.5rem;
		width:70%;
		vertical-align:middle;
		background:#fff;
		border:2px solid #eee;
		box-sizing:border-box;
	}
	
/*お問い合わせ********************
**********************************/

	p.note {
		margin-bottom:2rem;
		text-align:center;
	}
	
	p.note.red {
		color:#900;
	}
	
	p.note span {
		color:#900;
	}
	
	#form {
		padding:0 2rem 2rem;
		background:#fff;
	}
	
	#form table {
		border-collapse: separate;
		border-spacing:0;
		width:100%;
	}
	
	#form table tr {
		display:flex;
		flex-wrap:wrap;
	}
	
	#form table tr th {
		position:relative;
		padding:7% 0;
		margin:0 0;
		width:100%;
		font-size:1.6rem;
		line-height:1;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		box-sizing:border-box;
		vertical-align:middle;
	}
	
	#form table tr:last-child th {
		border-bottom:none;
	}
	
	#form table tr th span::after {
		content: "必須";
		background:rgba(190,0,3,1.00);
		color:#fff;
		font-size:1.2rem;
		border-radius:2px;
		padding: 0.2em;
		position: relative;
		left: 5px;
		top: -0.1em;
	}
		
	#form table tr th.err {
		color:#900;
	}
	
	#form table tr td span.err_msg {
		display:block;
		color:#900;
	}

	#form table tr td span.interview {
		display:none;
		color:#900;
	}
	#form table tr td span.interview.err {
		display:block;
		color:#900;
	}
	
	#form table tr td {
		padding:0 0 7%;
		width:100%;
		box-sizing:border-box;
		border-bottom:1px solid #ccc;
	}
	
	#form table tr:last-child td {
		border-bottom:none;
	}
	
	#form table tr td img {
		width:80%;
		height:auto;
	}
	
	#form table tr td p {
		margin-top:10px;
		line-height:2;
	}
	
	#form table tr td dl {
		display:flex;
		flex-wrap:wrap;
	}
	
	#form table tr td dl dd:nth-child(1) {
		width:100%;
		margin-bottom:5%;
		font-size:1.3rem;
	}
	
	#form table tr td dl dd {
		text-align:left;
		vertical-align:middle;
		font-size:1.3rem;
	}
	
	#form table tr td dl dd:nth-child(2) {
		margin-right:5%;
	}
	
	#form table tr td select {
		margin-top:5px;
	}
	form table tr td#industry .selectlement {
		display: block;
	}
	form table tr td#job_type .selectlement {
		display: block;
	}
	
	#form table tr td ul {
		margin-top:1%;
	}
	
	#form table tr td ul li {
		margin-left:1rem;
		text-indent:-1rem;
	}
	
	#form table tr td input, #form table tr td select, #form table tr td textarea {
		border:1px solid #ccc;
		padding:1rem;
		border-radius:5px;
		font-size:16px;
		box-sizing:border-box;
	}
	
	#form table tr td textarea {
		height:200px;
	}
	
	#form table tr td select,#form table tr td input[type="checkbox"] {
		cursor:pointer;
		font-size:1.3rem;
	}
	
	#form table tr td input[type="file"] {
		padding:0;
		border:none;
		font-size:1.3rem;
		cursor:pointer;
	}
		
	#form table tr td input.err, #form table tr td textarea.err, #form table tr td select.err {
		margin:0 0 10px;
	}

	.notselect {
		visibility:hidden;
	}
	
	/*チェックボックス*/
	
	label input{
	  display: none;
	}
	label span{
	  padding-left: 30px;
	  position:relative;
	  margin-right: 30px;
	  font-size:1.3rem;
	}
	label span::before{
	  content: "";
	  display: block;
	  position: absolute;
	  top: -3px;
	  left: 0;
	  width: 20px;
	  height: 20px;
	  border: 1px solid #999;
	  border-radius: 4px;
	}
	/*label input:checked + span {
	  color: #ff7ba6;
	}*/
	label input:checked + span::after{
	  content: "";
	  display: block;
	  position: absolute;
	  top: -8px;
	  left: 5px;
	  width: 12px;
	  height: 19px;
	  transform: rotate(40deg);
	  border-bottom: 4px solid #ff7ba6;
	  border-right: 4px solid #ff7ba6;
	}
	
	/*ボタン部分*/
	
	#form div#submit {
		text-align:center;
	}
	
	#form div#submit input {
		display:inline-block;
		margin:0 20px;
		width:240px;
		height:50px;
		background:#45b2b3;
		color:#fff;
		font-size:1.6rem;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		letter-spacing:2px;
		text-align:center;
		line-height:50px;
		transition: all .3s;
	}
	
	#form div#submit input:hover {

		opacity:0.8;
	}
	
	#form div#submit a {
		display:inline-block;
		margin:0 20px 20px;
		width:240px;
		height:50px;
		background:#999999;
		color:#fff;
		font-size:1.6rem;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		letter-spacing:2px;
		text-align:center;
		text-decoration:none;
		line-height:50px;
		transition: all .3s;
	}
	
	#form div#submit a:hover {
		opacity:0.8;
	}
	
	/*送信完了ページ*/
	
	#thanks {
		padding:2rem;
		background:#fff;
	}
	#thanks br {
		display:none;
	}
	#thanks p {
		padding:5% 0;
		color:#900;
	}
	#thanks p.caution a {
		color:#333;
	}
	#thanks div#hurry {
		padding:1.5rem;
		border:2px solid #eee;
	}
	#thanks div#hurry div {
		margin-top:1.5rem;
		text-align:center;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		font-size:1.6rem;
		font-weight:bold;
		
	}
	#thanks div#hurry div span {
		display:block;
		font-size:1.4rem;
		font-weight:bold;
	}}

/*lp_momotogin******************
**********************************/

#lp_mv {
	background: linear-gradient(90deg, #ee86b4 0%, #ee86b4 50%, #f8b52d 50%, #f8b52d 100%);
	text-align: center; }
section#lp_contents img {
	margin-bottom:8em; }
@media screen and (max-width:767px) {
	section#lp_contents img {
		margin-bottom:3em; } }