@charset "utf-8";
/* CSS Document */
@import url("form_style.css"); /*メールフォームのスタイルシート*/

@font-face {
  font-family:'BIZUD';
  src:url('../fonts/BIZUDGothic-Regular.ttf') format('truetype');
}
 

/* =================================================
全称セレクタ
================================================= */

*{
	margin:0;
	padding:0;
	border:none;
}

/* =================================================
全体指定
================================================= */

body {
	color:#333;
	background:#fff;
	font-family:'BIZUD',sans-serif;
}

/* =================================================
リンク
================================================= */

a{
	text-decoration:none;
}

a:link{
	color:#131313;
}

a:visited{
	color:#131313;
}

a:hover {
	color:#efefef;
}

a:active {
	color:#78218a;
}

/* =================================================
文字
================================================= */

h2{
	font-size:220%;
	letter-spacing: 0.1em;
	text-align:center;
	color:#;
	text-shadow:3px 3px #131313
}

/* =================================================
その他
================================================= */

hr {
	display:none;
}

/* =================================================
ヘッダー
================================================= */

header{
	text-shadowwidth:100%;
	background-size:contain;
	color:#fff;
	text-align:center;
	min-height: 162px;
    background-position-y: 100%;
}

#title{
	position: fixed;
	width:100%;
	background-color: rgba(0,0,0,0.5);
	padding:40px 0px;
}

.title_main{
	margin:auto;
	width:1000px;
	display: flex;
	justify-content:space-between;
	align-items: center;
 	 position: relative;
 	 z-index: 2;
}

#video{
  position: fixed;
  left: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
}


.title_left{
	text-align:left;
}



p.copy{
	font-size:80%;
}

h1{
	font-size:200%;
	padding: 0px 0px 10px;
}

a.h_entry{
	padding:20px 35px;
	box-sizing:border-box;
	background:-webkit-gradient(-135deg, from(#dc3461), to(#bb9a19));
	background:-moz-linear-gradient(-135deg, #dc3461, #bb9a19);
	background:linear-gradient(-135deg, #dc3461, #bb9a19);
	color:#fff;
	font-size:120%;
	text-align: center;
}


a.h_entry:hover {
	background: #f51717;
	color: #fff;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

span.h_3point{
	display: inline-block;
	margin-bottom:20px;
	margin-top:30vh;
	padding:0px 5px;
	font-size:120%;
	background: linear-gradient(transparent -28%, #ebdf51 67%);
	color:#FFF;
	text-shadow: 1px 1px #131313;
}

header h2{
	font-size:220%;
	letter-spacing: 0.2em;
}

span.h_skill{
	display: inline-block;
	width:1000px;
	margin-top:40px;
	padding:20px 40px;
	background:#73ff6c9c;
	color:#000;
	font-size:140%;
	font-weight: bold;
	box-sizing:border-box;
}

.driver_design{
	margin:40px auto 0px;
	width:1000px;
	padding:25px 0px;
	box-sizing:border-box;
	display: flex;
	justify-content:center;
	align-items: center;
	background:-webkit-gradient(-135deg,from(#9313d4f0), to(#2655d0));
	background:-moz-linear-gradient(-135deg, #9313d4f0, #2655d0);
	background:linear-gradient(-135deg, #9313d4f0, #2655d0);
	color:#fff;
}

.driver_design a{
	color:#fff;

}

.driver_design:hover {
	background: #9313d4;
	color: #fff;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}


span.driver_text{
	line-height: 32px;
	font-size: 140%;
}

span.driver_text2{
	font-size: 100%;
	margin: 0px 10px;
	font-weight: bold;
}

span.driver_text3{
	font-size: 180%;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height:50px;
}

a.h_en{
	margin:40px auto 0px;
	display:inline-block;
	background:#19bba1;
	color:#fff;
	padding:10px 20px;
	box-sizing:border-box;
}

p.driver_up{
	margin: 40px auto 0px;
	font-size: 200%;
	font-weight: bold;
	background: #db1884;
	color: #fff;
	padding: 20px;
}

/* =================================================
コンテンツ
================================================= */

#content{

}


#topbanner{
	display: block;
	text-align: center;
}

.topbanner_img{
	width: 100%;
  max-width: 1200px;
  height: auto;
  box-sizing: border-box;
}


/* driver
================================================= */

#driver{
	margin:auto;
	width:1000px;
	padding:80px 0px;
	text-align:center;
}

#driver h2{
	background:-webkit-gradient(-135deg,from(#db1884), to(#2655d0));
	background:-moz-linear-gradient(-135deg, #db1884, #2655d0);
	background:linear-gradient(-135deg, #db1884, #2655d0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline;
}

#driver h2:after {
	content:"";
	height:5px;
	background:-webkit-gradient(-135deg,from(#db1884), to(#2655d0));
	background:-moz-linear-gradient(-135deg, #db1884, #2655d0);
	background:linear-gradient(-135deg, #db1884, #2655d0);
	display:block;
}


.driver_recruit{
	margin:40px auto 20px;
	display: flex;
	justify-content:center;
	align-items: center;
}

img.driver_img{
	width:500px;
	height:333px;
}

.driver_recruit_text{
	width:500px;
	height:333px;
	padding:20px;
	box-sizing:border-box;
	background:-webkit-gradient(-135deg,from(#db1884), to(#2655d0));
	background:-moz-linear-gradient(-135deg, #db1884, #2655d0);
	background:linear-gradient(-135deg, #db1884, #2655d0);
	color:#fff;
	text-align:center;
}

#driver h3{
	margin:22px 0px 10px;
}

.driver_recruit_text ul{
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.driver_recruit_text ul li{
	margin-right: 15px;
}

.driver_recruit_text ul li:before{ /*疑似要素*/
	display:inline-block; 
	vertical-align: middle;
	content:'\2713';
	margin-right: 5px;
}

img.driver_h3{
	width:64%;
}

p.driver_text{
	margin:25px 0px;
	line-height:24px;
}

/* c1
================================================= */

#c1 {
	background:#f2f2f2;
	padding:80px 0px;
}

#c1 ul{
	margin:auto;
	width:1000px;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#c1 ul li{
	margin:10px;
	width:49%;
	padding:80px;
	box-sizing:border-box;
	color:#fff;
}

#c1 ul li:nth-child(1){
	margin-top:0px;
	margin-left:0px;
	background: #fff url(../images/c1_point_bg1.jpg) no-repeat center;
	background-size:cover;
}

#c1 ul li:nth-child(2){
	margin-top:0px;
	margin-right:0px;	
	background: #fff url(../images/c1_point_bg2.jpg) no-repeat center;
	background-size:cover;
}

#c1 ul li:nth-child(3){
	margin-left:0px;
	margin-bottom:0px;
	background: #fff url(../images/c1_point_bg3.jpg) no-repeat center;
	background-size:cover;
}

#c1 ul li:nth-child(4){
	margin-bottom:0px;
	margin-right:0px;
	background: #fff url(../images/c1_point_bg4.jpg) no-repeat center;
	background-size:cover;
}

p.c1_text{
	margin:40px auto 0px;
	width:1000px;
	text-align:center;
	color:#19bba1;
	border:1px solid #19bba1;
	padding:10px 0px;
	box-sizing:boder-box;
	border-radius: 30px;/* CSS3草案 */
	-webkit-border-radius: 30px;/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;   /* Firefox用 */
}


#c1 h3{
	color:#FFF;
	font-size:1.5em;
}

.c1_point{
	color:#FFF;
	font-size:1.2em;
}

/* c2
================================================= */

#c2{
	background: #fff url(../images/c2_bg.jpg) center;
	background-size:cover;
	padding:80px 0px;
}

#c2 h2{
	color:#060606;
	text-shadow: 1px 1px #FFF;
	font-size: 150%;
}

table.recruit {
	width: 1000px;
	margin: 20px auto 40px;
	border-collapse: separate;
	border-spacing: 0px;
	border-bottom:1px solid #000;
}
 
table.recruit th,
table.recruit td {
	padding: 20px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

table.recruit td{
	border-right: 1px solid #000;
}

table.recruit th {
	background: #303030;
	color:#FFF;
	vertical-align: middle;
	text-align: center;
	width: 40%;
	overflow: visible;
	font-size: 120%;
	font-weight: bold;
}


table.recruit td {
	background: #f8f8f8;
	font-size:80%;
	width: 60%;
	padding-left: 20px;
}

ul.list{
	margin:auto;
	list-style-type:decimal;
	list-style-position: inside;
	line-height: 26px;
}

ul.support{
	display: flex;
	flex-wrap: wrap;
}

ul.support li{
	list-style-type:none;
	margin-right:5px;
	padding:0px 5px;
	background: linear-gradient(transparent 50%, #ffdbdb 50%);
}


/* contact
================================================= */

#contact{
	background: #fff url(../images/contact_bg.jpg) no-repeat center top;
	background-size:100%;
	padding:80px 0px;
	text-align:center;
}

#contact h2{
	display:inline-block;
	margin:40px 0px;
	color:#FFF;
	padding: 0px 10px 10px;
	background: linear-gradient(transparent 40%, #2dc298 40%);
}

p.contact_copy{
	font-size:140%;
	color:#fff;
	font-weight: bold;
}

span.line{
	border-bottom:1px solid #fff;
}

p.contact_copy2{
	margin-bottom:40px;
	font-size:120%;
	color:#fff;
}

.contact_tel{
	width:800px;
	margin:40px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 20px;
	box-sizing: border-box;
	background: -webkit-gradient(-135deg, from(#bff056), to(#19bba1));
	background: -moz-linear-gradient(-135deg, #bff056, #19bba1);
	background: linear-gradient(-135deg, #bff056, #19bba1);
	color: #fff;
}

.contact_tel_number{
	margin-left: 30px;
	text-align: left;
}

.contact_tel h3{
	font-size:280%;
	margin-top: 17px;
}

a.contact_tel_link{
	display:inline-block;
	margin-top: 34px;
	font-size: 66px;
	font-family: "メイリオ";
	font-weight: bold;
	color:#fff;
}

/*
#contact ul {
	margin: 40px auto 40px;
	width: 1000px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	list-style-type: none;
}

#contact ul li{
	width:49%;
	padding:15px;
	background: -webkit-gradient(-135deg, from(#bff056), to(#19bba1));
	background: -moz-linear-gradient(-135deg, #bff056, #19bba1);
	background: linear-gradient(-135deg, #bff056, #19bba1);
	box-sizing:border-box;
	text-align:center;
	color:#fff;
}

#contact ul li a{
	font-size: 260%;
	color: #fff;
}

#contact ul li h4{
	font-size:120%;
}

#contact ul li span{
	display:block;
}

img.form_icon{
	margin-right:10px;
}*/


/* メールフォームデザイン

#regist_mail table, #regist_mail tbody, #regist_mail tr, #regist_mail td {
	display: block;
	width: 100%;
}

#regist_mail table th{
	display:block;
	width:100%;
	background-color: #333;
	color: #FFF;
}

p.contact_th{
	margin-top:10px;
}

#regist_mail td input, #regist_mail td textarea,#regist_mail td select{
	width: 100%;
	color: #666;
	border: 1px #333 solid;
}



#regist_mail td select.select-mail{
	background:#fff url(../images/contact_mail.png) no-repeat;
	background-size:10px 5px;
	background-position: 90% center;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}


#regist_mail .submitbtn{
	display: block;
}

#regist_mail .submitbtn{
	cursor: pointer;
	background: -webkit-gradient(-135deg, from(#bff056), to(#19bba1));
	background: -moz-linear-gradient(-135deg, #bff056, #19bba1);
	background: linear-gradient(-135deg, #bff056, #19bba1);
	color:#fff;
}


.must {
	background-color: #db1884;
	padding: 3px 5px;
	vertical-align: middle;
}
#regist_mail td input.custom_error, #about_regist_mail td input.custom_error{
	background:#db1884;
	color:#fff;
}

#item_b3_error,#e_item09,#e_item18,#e_item08,#e_item01{
	display:block;
	width:100%;
	color:#db1884;
	text-align:center;
	margin-top: 5px;
}



.mail-d{
	font-size:80%;
	color:#fff;
	background-color:#db1884;
	text-align:center;
	line-height: 24px;
}


p.contact_mailthanks{
	font-size: 120%;
}

img.contact_thanks{
	width:180px;
}

div.contact_thanks{
	margin:20px auto 0px;
	padding:15px;
	box-sizing:border-box;
	width:1000px;
	font-size:90%;
	background-color: rgba(0,0,0,0.5);
	color:#fff;
	text-align:left;
}
*/
/* =================================================
フッター
================================================= */

footer{
	background:#111;
	color:#fff;
	text-align:center;
	font-size:80%;
}

/* =================================================
フロート解除
================================================= */

.cf:before,
.cf:after {
content: " ";
display: table;
}
 
.cf:after {
clear: both;
}
 
.cf {
*zoom: 1;
}




/*パソコン
================================================= */

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

	/* =================================================
	全体指定
	================================================= */

	body {
		font-size:18px;
		line-height:2em;
		font-family:'PT Serif',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		overflow-y: scroll;
		overflow-x: hidden;
		height: 100%;
	}

	html {
		scrollbar-arrow-color:#313a39;
		scrollbar-face-color:#313a39;
		scrollbar-3dlight-color:#313a39;
		scrollbar-darkshadow-color:#313a39;
		scrollbar-highlight-color:#313a39;
		scrollbar-shadow-color:#313a39;
		scrollbar-track-color:#fff;
		height: 100%;
	}

	img {
		max-width: 100%;
		height: auto;
		width: auto;
		vertical-align: bottom;
	}
	br.pc{
		display:none;
	}


	/* =================================================
	ヘッダー
	================================================= */


	header{
	}


	/* =================================================
	コンテンツ
	================================================= */


	/* c1
	================================================= */

	#c1 h2{
		margin:0px 0px 40px;
		color:#131313;
		text-shadow:2px 2px #48C9B3;
	}


	/* =================================================
	フォーム
	================================================= */

	#contact ul li span.smp {
		display: none;
	}

/* メールフォームデザイン */

	#regist_mail{
		width: 1000px;
		margin:auto;
	}

	#regist_mail table{
		margin:40px auto;
	}

	#regist_mail table th{
		font-size: 140%;
		padding: 15px 0px;
	}

	#regist_mail table td{
		margin: 30px auto;
	}

	#regist_mail td input, #regist_mail td textarea,#regist_mail td select,.fileUploder .btn{
		margin:auto;
		font-size: 28px;
		padding: 25px;
		box-sizing:border-box;
	}

	#regist_mail td textarea{
		margin:20px auto 0px;
		height: 200px;
		resize: none;
	}


/* メルアド幅調整 */

	#regist_mail td select.select-mail{
		width: 39%;
	}

	#regist_mail td input.input-mail{
		width: 60%;
	}


/* ボタンのサイズ調整 */

	#regist_mail .submitbtn{
		width:100%;
		margin:0px auto 20px;
		padding:40px 0px;
		font-size: 240%;
		font-weight: bold;
	}

/* 質問項目調整 */

	.check{
		margin: 20px auto 0px;
		text-align: left;
	}

	.check input{
		display: none;
	}

	.check label{
		display: inline-block;
		position: relative;
		cursor: pointer;
		margin-left: 20px;
		padding: 10px 20px;
		border-radius: 2px;
		color: #3e4956;
		font-size: 22px;
		text-align: center;
		line-height: 1;
	}

	.check label:before{
		position: absolute;
		content: "";
		top: 50%;
		left: -10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #bdc3c7;
		border-radius: 50%;
	}

	.check input[type="radio"]:checked + label:after {
		position: absolute;
		content: "";
		top: 50%;
		left: -4px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-radius: 50%;
		background: #879c18;
	}

/* 必須項目 */

	.must {
		margin-left: 10px;
	}

	#regist_mail td input.custom_error, #about_regist_mail td input.custom_error{
		margin: 0px auto 0px;
	}

/* 注意事項 */

	.mail-d{
		margin:20px auto;
		width:500px;
		padding:10px;
		box-sizing:border-box;
	}

	/* =================================================
	フッター
	================================================= */

	footer{
		padding:40px 0px;
	}

}





/* タブレット端末
================================================= */

@media screen and (min-width:737px) and (max-width:1024px){

	/* =================================================
	全体指定
	================================================= */

	body {
		font-size:18px;
		line-height:2em;
		font-family:'PT Serif',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		overflow-y: scroll;
		overflow-x: hidden;
		height: 100%;
	}

	html {
		scrollbar-arrow-color:#333;
		scrollbar-face-color:#333;
		scrollbar-3dlight-color:#333;
		scrollbar-darkshadow-color:#333;
		scrollbar-highlight-color:#333;
		scrollbar-shadow-color:#333;
		scrollbar-track-color:#fff;
		height: 100%;
	}

	img {
		max-width: 100%;
		height: auto;
		width: auto;
		vertical-align: bottom;
	}

	span.pc,br.pc{
		display:none;
	}

	/* =================================================
	文字
	================================================= */

	h2 {
		font-size: 180%;
	}

	/* =================================================
	ヘッダー
	================================================= */

	header{
	}

	#title{
		padding:0px 0px 15px;
	}

	.title_main {
		display:inline;
		width: 80%;
	}

	.title_left{
		margin:auto;
		width:80%;
		text-align:center;
	}

	a.h_entry{
		display: inherit;
		width: 80%;
		padding:15px 0px;
		margin: auto;
		font-size:120%;
		font-weight: bold;
	}

	span.h_3point{
		font-size:140%;
	}

	header h2{
		margin:auto;
		width:80%;
		line-height: 46px;
	}

	span.h_skill,.driver_design{
		width:80%;
	}

	.driver_design{
		display:block;
		margin-top:20px;
		width:80%;
		padding: 10px 0px;
	}

	.driver_design span.driver_text {
		line-height: normal;
		font-size:90%;
	}

	.driver_design span.driver_text br.smp{
		display:none;
	}

	.driver_design span.driver_text2{
		display:none;
	}

	.driver_design span.driver_text3{
		display:block;
		line-height:normal;
		font-size:180%;
		letter-spacing: 0.1em ;
	}

	.driver_design a{
		color:#FFF;
	}



	/* =================================================
	コンテンツ
	================================================= */


	/* driver
	================================================= */

	#driver{
		width:80%;
	}

	.driver_recruit{
		display:block;
	}

	img.driver_img{
		width:100%;
	}

	.driver_recruit_text{
		width:100%;
		height: auto;
		padding: 20px 15px;
	}

	#driver h3{
		margin:0px 0px 10px;
	}

	.driver_recruit_text ul{
		justify-content: center;
	}

	.driver_recruit_text ul li{
		margin-right: 15px;
	}

	img.driver_h3{
		width:60%;
	}

	.driver_recruit_text p.driver_text{
		margin:10px 0px;
		line-height:24px;
	}

	/* c1
	================================================= */

	#c1 {
		padding:40px 0px;
	}

	#c1 h2{
		margin:0px 0px 20px;
	}

	#c1 ul {
		width: 80%;
	}

	#c1 ul li{
		width: 48%;
		padding: 25px;
	}

	p.c1_text{
		width:80%;
	}

	/* c2
	================================================= */

	#c2{
		padding:40px 0px;
	}

	table.recruit {
		width: 80%;
		margin: 20px auto 0px;
	}

	table.recruit th {
		width: 25%;
		font-size:110%;
	}

	table.recruit td {
		width: 75%;
		line-height: 26px;
	}

	/* contact
	================================================= */

	#contact{
		padding:40px 0px;
	}

	p.contact_copy{
		font-size:120%;
	}

	p.contact_copy2{
		font-size:120%;
	}

	.contact_tel{
		width:80%;
		margin:20px auto;
		padding: 20px;
	}

	.contact_tel_number{
		margin-left: 20px;
	}

	img.contact_tel_img{
		width:20%;
	}

	.contact_tel h3{
		font-size: 200%;
		margin-top: 10px;
	}

	a.contact_tel_link{
		font-size: 52px;
		margin-top: 15px;
	}

	#contact ul{
		width:100%;
	}

	#contact ul li{
		width:49%;
		padding:10px;
	}

	#contact ul li a{
		font-size: 150%;
	}

	#contact ul li h4{
		font-size:110%;
	}

	#contact ul li span{
		font-size:85%;
	}

	#contact ul li span.pc{
		display:none;
	}

	img.form_icon{
		width:35px;
		margin-right:5px;
		vertical-align: top;
	}



/* メールフォームデザイン */

	#regist_mail{
		width: 100%;
		margin:auto;
	}

	#regist_mail table{
		margin:40px auto;
	}

	#regist_mail table th{
		font-size: 140%;
		padding: 15px 0px;
	}

	#regist_mail table td{
		margin: 30px auto;
	}

	#regist_mail td input, #regist_mail td textarea,#regist_mail td select,.fileUploder .btn{
		width:95%;
		margin:auto;
		font-size: 28px;
		padding: 25px;
		box-sizing:border-box;
	}

	#regist_mail td textarea{
		margin:20px auto 0px;
		height: 200px;
		resize: none;
	}


/* メルアド幅調整 */

	#regist_mail td select.select-mail{
		width: 39%;
	}

	#regist_mail td input.input-mail{
		width: 56%;
	}


/* ボタンのサイズ調整 */

	#regist_mail .submitbtn{
		width:95%;
		margin:0px auto 20px;
		padding:40px 0px;
		font-size: 240%;
		font-weight: bold;
	}

/* 質問項目調整 */

	.check{
		margin: 20px auto 0px;
		text-align: left;
		width: 95%;
	}

	.check input{
		display: none;
	}

	.check label{
		display: inline-block;
		position: relative;
		cursor: pointer;
		margin-left: 20px;
		padding: 10px 20px;
		border-radius: 2px;
		color: #3e4956;
		font-size: 22px;
		text-align: center;
		line-height: 1;
	}

	.check label:before{
		position: absolute;
		content: "";
		top: 50%;
		left: -10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #bdc3c7;
		border-radius: 50%;
	}

	.check input[type="radio"]:checked + label:after {
		position: absolute;
		content: "";
		top: 50%;
		left: -4px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-radius: 50%;
		background: #879c18;
	}

/* 必須項目 */

	.must {
		margin-left: 10px;
	}

	#regist_mail td input.custom_error, #about_regist_mail td input.custom_error{
		margin: 0px auto 0px;
	}

/* 注意事項 */

	.mail-d{
		margin:20px auto;
		width:80%;
		padding:10px;
		box-sizing:border-box;
	}

/* 送信完了 */

	p.contact_mailthanks{
	}

	img.contact_thanks{
		width:15%;
	}

	div.contact_thanks{
		width:80%;
		margin-bottom:5px;
	}

	/* =================================================
	フッター
	================================================= */

	footer{
		padding:40px 0px;
	}

}



/*スマホ
================================================= */

@media screen and (min-width:0px) and (max-width:736px){

	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	html{
		font-size: 62.5%;
		height: 100%;
	}

	body {
		width:100%;
		font-size: 1.3rem;
		line-height:1.7em;
		font-family:'PT Serif',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		overflow-x: hidden;
		-webkit-text-size-adjust: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	img {
		height: auto;
		width: auto;
		vertical-align: bottom;
	}

	br.smp{
		display:none;
	}

	/* =================================================
	文字
	================================================= */

	h1{
		font-size:140%;
	}

	h2{
		font-size:120%;
	}

	/* =================================================
	ヘッダー
	================================================= */

	header{
		padding:0px 0px 80px;
	}

	#title{
		padding:10px 0px 20px;
	}

	.title_main {
		display:inline;
		width: 90%;
	}

	.title_left{
		margin:auto;
		width:95%;
		text-align:center;
	}

	a.h_entry{
		display: inherit;
		width: 95%;
		padding:15px 0px;
		margin: auto;
		font-size:120%;
		font-weight: bold;
	}

	span.h_3point{
		margin-top:28vh;
	}

	header h2{
		margin:auto;
		width:90%;
		line-height: 34px;
	}

	span.h_skill{
		padding:15px;
		width:90%;
		margin-top:20px;
	}

	.driver_design{
		display:block;
		margin-top:20px;
		width:90%;
		padding: 10px 0px;
	}

	span.driver_text {
		line-height: normal;
		font-size:90%;
	}

	span.driver_text2{
		display:none;
	}

	span.driver_text3{
		display:block;
		line-height:normal;
		font-size:160%;
		letter-spacing: 0.1em ;
	}

	p.driver_up{
		margin: 20px auto 0px;
		font-size: 160%;
		padding: 10px;
	}

	/* =================================================
	コンテンツ
	================================================= */

	#topbanner{
		display: block;
		text-align: center;
	}
	
	.topbanner_img{
		width: 100%;
	  max-width: 640px;
	  height: auto;
	  box-sizing: border-box;
	}


	/* driver
	================================================= */

	#driver{
		padding:40px 0px;
		width:90%;
	}

	#driver h2{
		display: block;
	}

	#driver h2::after{
		margin-top: 5px;
	}


	.driver_recruit{
		display:block;
		margin: 20px auto 10px;
	}

	img.driver_img{
		width:100%;
		height:auto;
	}

	.driver_recruit_text{
		width:100%;
		height: auto;
		padding: 20px 15px;
	}

	#driver h3{
		margin:0px 0px 10px;
	}

	.driver_recruit_text ul{
	}

	.driver_recruit_text ul li{
		margin-right: 15px;
	}

	img.driver_h3{
		width:85%;
	}

	.driver_recruit_text p.driver_text{
		margin:10px 0px;
		line-height:24px;
	}


	/* c1
	================================================= */

	#c1 {
		padding:40px 0px;
	}

	#c1 h2{
		font-size:1.6em;
		margin:0px 0px 10px;
		color:#131313;
		text-shadow:2px 1px #48C9B3;		
	}

	#c1 ul {
		width: 90%;
		display:block;
	}

	#c1 ul li{
		width: 100%;
		padding: 30px;
		margin:15px 0px 0px !important;
	}

	#c1 ul li:nth-child(1){
		margin:0px 0px 0px;
	}

	p.c1_text{
		width:90%;
		margin-top:15px;
	}

	/* c2
	================================================= */

	#c2{
		padding:40px 0px;
	}

	table.recruit {
		width: 95%;
		margin: 20px auto 30px;
	}

	table.recruit th {
		width: 25%;
		font-size:110%;
	}

	table.recruit td {
		width: 75%;
		font-size:90%;
		padding-left: 10px;
		line-height: 20px;
	}

	ul.support{
		display:block;
	}

	ul.support li{
		background: #f8f8f8;
	}


	/* contact
	================================================= */

	#contact{
		padding:40px 0px;
	}

	#contact h2{
		margin: 10px 0px;
		padding: 0px 10px 5px;
		background: linear-gradient(transparent 30%, #2dc298 30%);
	}

	p.contact_copy{
		font-size:120%;
	}

	p.contact_copy2{
		font-size:120%;
	}

	.contact_tel{
		width:85%;
		margin:20px auto;
		padding: 10px;
	}

	.contact_tel_number{
		margin-left: 10px;
	}

	img.contact_tel_img{
		width:15%;
	}

	.contact_tel h3{
		font-size: 140%;
		margin-top: 3px;
	}

	a.contact_tel_link{
		font-size: 24px;
		margin-top: 5px;
	}

	#contact ul{
		margin-bottom:20px;
		display:block;
		width:95%;
	}

	#contact ul li{
		margin-bottom:20px;
		width:100%;
		padding:7px;
	}

	#contact ul li:last-child{
		margin-bottom:0px;
	}

	#contact ul li a{
		font-size: 170%;
	}

	#contact ul li h4{
		font-size:110%;
	}

	#contact ul li span{
		font-size:90%;
	}

	img.form_icon{
		width:30px;
		margin-right:5px;
		/*vertical-align: top;*/
	}

	#contact ul li span.pc{
		display:none;
	}


/* メールフォームデザイン */

	#regist_mail{
		width: 100%;
		margin:auto;
	}

	img.form_h4_img,img.form_h4_2{
		margin-botoom:20px;
	}

	#regist_mail table{
		margin:20px auto;
	}

	#regist_mail table th{
		font-size: 120%;
		padding:10px 0px;
	}

	#regist_mail table td{
		margin:15px 0px;
		text-align: center;
	}

	#regist_mail td input, #regist_mail td textarea,#regist_mail td select,.fileUploder .btn ,#regist_mail .submitbtn{
		width:95%;
		margin:auto;
		font-size: 16px;
		padding: 10px;
		box-sizing:border-box;
	}

	#regist_mail td textarea{
		margin:15px auto 0px;
		height: 120px;
		resize: none;
	}


/* メルアド幅調整 */

	#regist_mail td select.select-mail{
		width: 49%;
	}

	#regist_mail td input.input-mail{
		width: 44%;
	}

	@-moz-document url-prefix() { /* for firefox */
		.content select {
			background:none;
			background-color: #FFF;
		}
	}


/* 質問項目調整 */


	.check{
		margin: 10px 0px 0px;
		text-align: left;
		width: 95%;
	}

	.check input{
		display: none;
	}

	.check label{
		display: inline-block;
		position: relative;
		cursor: pointer;
		margin-left: 20px;
		padding: 10px 20px;
		border-radius: 2px;
		color: #3E4956;
		font-size: 14px;
		text-align: center;
		line-height: 1;
	}

	.check label:before{
		position: absolute;
		content: "";
		top: 50%;
		left: -10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #bdc3c7;
		border-radius: 50%;
	}

	.check input[type="radio"]:checked + label:after {
		position: absolute;
		content: "";
		top: 50%;
		left: -4px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-radius: 50%;
		background: #879c18;
	}


/* ボタンのサイズ調整 */

	#regist_mail .submitbtn{
		font-size: 140%;
		font-weight: bold;
		margin:0px auto 10px;
		padding:15px 0px;
	}


/* 必須項目 */

	.must {
		margin-left: 5px;
	}

	#item_b3_error,#e_item09,#e_item18,#e_item08,#e_item01{
		margin: 10px auto 0px;
	}

	#regist_mail td input.custom_error, #about_regist_mail td input.custom_error{
		margin: 0px auto 0px;
	}


/* 注意事項 */

	.mail-d{
		margin:15px auto 0px;
		width:95%;
		padding:5px;
		box-sizing:border-box;
	}


/* 送信完了 */

	p.contact_mailthanks{
		color: #333;
	}

	img.contact_thanks{
		width:15%;
	}

	div.contact_thanks{
		width:95%;
		margin-bottom:5px;
	}


	/* =================================================
	フッター
	================================================= */

	footer{
		padding:20px 0px;
	}

}