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


html,body{
    width: 100%;
	-webkit-text-size-adjust: 100%;
	text-align: center;
}

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


body{
	color:#231815;
	font-size: 16px;
	line-height: 1.6;
	min-width: 320px;
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
}

a {
	color:#333;
	outline: none;
	text-decoration: none;
	
}

a:hover{
	text-decoration: none;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
}


input, select, textarea {
    padding: 5px;
	border: 1px solid #ccc;

}

input,
textarea{
}
input[type=radio], input[type=checkbox] {
	margin:0 5px 0 0;
	width: auto;
}
img {
	display: block;
}
.onlysp {
	display: none;
}

.font-Balboa-ul {
	font-family: balboa, sans-serif;
	font-weight: 200;
	font-style: normal;
}

.font-Balboa-l {
	font-family: balboa, sans-serif;
	font-weight: 300;
	font-style: normal;
}
main {
	padding-top: 40px;
	min-width: 1100px;
	display: block;
}
.container {
	width: 1100px;
	margin: auto;
	padding: 70px 0;
}
.contents {
	width: 800px;
	margin: auto;
}
.brd {
	border-radius: 20px;
	background: #fff;
}
.boxL {
	float: left;
	width: 50%;
}
.boxR {
	float: right;
	width: 50%;
}
.title {
	font-size: 30px;
	color: #000;
	position: relative;
	margin-bottom: 60px;
}
.title::after {
	content: "";
	width: 45px;
	height: 5px;
	background: #22b473;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
}
.btn01,.btn02 ,
.btn03,.btn04 {
	display: block;
	width: 100%;
	border: 2px solid #22b473;
	color: #22b473;
	background: #fff;
	border-radius: 20px;
	padding: 5px 0;
	text-align: center;
	position: relative;
}
.btn02,.btn04 {
	color: #fff;
	background: #22b473;
}
.btn03 >img,.btn04 > img {
	margin: auto;
}
.btn01::after,
.btn02::after {
	content: "＞";
	display: inline-block;
	position: absolute;
	top: 6px;
	right: 8px;
	transition: .1s;
}
.btn01:hover::after,
.btn02:hover::after {
	animation: btn .8s ease-out infinite;
}
@keyframes btn {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(4px);
	}
}

/***ヘッダー----------------------*/
header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background: rgba(255,255,255,.8);
	z-index: 9999;
	min-width: 1100px;

}
.header {
	width: 1100px;
	margin: auto;
	padding: 20px 0 20px 25px;
}
.navigation {
	width: 450px;
	font-weight: bold;
	margin-left: 80px;
}
.navigation a {
	position: relative;
	color: #000;
}
.navigation a::after {
	content: "";
	height: 2px;
	background: #22b473;
	position: absolute;
	top: 130%;
	left: 0;
	right: 0;
	margin: auto;
	transition: .2s;
	opacity: 0;
}
.navigation a:hover::after {
	content: "";
	display: block;
	transform: translateY(-5px);
	opacity: 1;
}

.sub_head {
	background: url(../img/driver/head.png) no-repeat center center;
	background-size: cover;
	padding: 145px 0 60px;
	min-width: 1100px;
}
.head_title {
	width: 1100px;
	margin: auto;
	padding-left: 145px;
	text-align: left;
}
.head_title > h1 {
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	border-left: 5px solid #00a95f;
	padding-left: 11px;
	line-height: 1.1;
}

/***下層ヘッダー-------------------*/

/***フッター----------------------*/
.contact .container {
	padding: 50px 0 60px;
}
.contact .title {
	margin-bottom: 20px;
}
.contact .title+p {
	margin-bottom: 40px;
}
.contact_btn li {
	width: 48%;
}
.contact_btn a {
	height: 43px;
	display: flex;
	align-items: center;
}
.recBnr {
	text-align: center;
	margin-top: 30px;
}
.recBnr img {
	margin: auto;
}
.top_btn {
	width: 1100px;
	margin: 0 auto 10px;
}
.top_btn a {
	display: inline-block;
	margin-left: auto;
	transition: .2s;
}
.top_btn a:hover {
	opacity: 1;
	transform: translateY(-5px);
}
.foot_logo {
	text-align: center;
	border-top: 1px solid #cbcbcb;
	padding: 20px 0;
}
.foot_logo img {
	margin: auto;
}
.foot_wrap {
	background: #f1f1f1;
	color: #000;
	font-size: 14px;
	text-align: left;
}
.foot_wrap .container {
	padding: 45px 0 15px;
	max-width: 910px;
}
address {
	padding-top: 30px;
}
address dl {
	margin-bottom: 10px;
	white-space: nowrap;
}
address dl:first-of-type {
	margin-right: 64px;
}
@media all and (-ms-high-contrast: none){
address dl:first-of-type {
	margin-right: 38px;
}
}
address dt {
	background: #989898;
	color: #fff;
	font-size: 12px;
	text-align: center;
	width: 75px;
	line-height: 20px;
	margin-right: 2%;
}
.foot_nav {
	width: 45%;
}
.foot_nav li {
	width: 140px;
	margin-right: 3em;
}
.foot_nav a:hover {
	text-decoration: underline;
	color: #22b473;
}
footer .contactBox {
}
.copyright {
	background: #f1f1f1;
	border-top: 1px solid #dcdcdc;
}

/***トップ------------------------*/

/**メインビジュアル**/
.mainvisual {
	background: url(../img/top/mainvisual.png) no-repeat center center;
	background-size: cover;
	height: 592px;
	position: relative;
	margin-bottom: 83px;
	min-width: 1100px;
}
.mv_cont {
	width: 1100px;
	margin: auto;
	text-align: left;
	padding: 200px 0 0 25px;
}
.mv_foot {
	position: absolute;
	top: 100%;
	background: linear-gradient(right,#1f8958 20%,#045333 50%,#1f8958 80%);
	background: -webkit-linear-gradient(right,#1f8958 20%,#045333 50%,#1f8958 80%);
	background: -moz-linear-gradient(right,#1f8958 20%,#045333 50%,#1f8958 80%);
	background: -ms-linear-gradient(right,#1f8958 20%,#045333 50%,#1f8958 80%);
	background: -o-linear-gradient(right,#1f8958 20%,#045333 50%,#1f8958 80%);
	width: 100%;
	height: 83px;
}
.mv_midashi {
	background: url(../img/top/mv_midashi.png) no-repeat center center;
	position: absolute;
	width: 865px;
	height: 102px;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px 100px;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
}
.mv_midashi .brd {
	font-size: 22px;
	color: #22b473;
	padding: 0 1.5em;
	margin-right: 15px;
}
/**トップコンテンツ**/
#toppage {
	padding-top: 0;
}
.contents01 .container {
	padding-top: 55px;
	padding-bottom: 80px;
}
.contents01 .contents {
	text-align: left;
}
.cont01 {
	margin-top: 60px;
}
.cont01 dl {
	width: 385px;
	height: 115px;
	text-align: center;
	position: relative;
	border: 2px solid #22b473;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 17.5px;
}
.cont01 dt {
	position: absolute;
	top: -17.5px;
	left: 0;
	right: 0;
	margin: auto;
}
.cont01 h2 {
	background: #22b473;
	color: #fff;
	border-radius: 20px;
	font-size: 16px;
	padding: 5px 45px;
	display: inline-block;
}
.cont01 dd {
	text-align: left;
	margin: auto;
}
.contents02 {
	background: url(../img/top/feature_bg.png) no-repeat center center;
	background-size: cover;
	min-width: 1100px;
}
.contents02 .container {
	padding: 55px 0 100px;
}
.contents02 * {
	color: #fff;
}
.contents02 .title::after {
	background: #fff;
}
.num {
	font-family: din-condensed, sans-serif;
    font-style: normal;
	font-weight: 500;
	font-size: 70px;
	line-height: 1.2;
	margin-right: 12px;
}
.feature {
	width: 49%;
	text-align: left;
	margin-bottom: 35px;
}
.feature:nth-of-type(3) {
	width: 100%;
	margin-bottom: 0px;
}
.feature h2 {
	font-size: 26px;
	display: inline-block;
	background: url(../img/top/under_line.png) no-repeat left bottom 3px;
	padding: 0 5px;
	margin-bottom: 8px;
}
.feature small {
	font-size: 16px;
	padding-right: 5px;
}
.feature:nth-of-type(3) dd h2 ,
.feature:nth-of-type(3) dd p {
	float: left;
	padding-top: 20px;
}
.feature:nth-of-type(3) small {
	padding: 0;
}
.feature:nth-of-type(3) dd p {
	width: 50%;
	white-space: nowrap;
	padding-left: 25px;
}
.feature_bottom {
	border-radius: 20px;
	border: 2px solid #fff;
	width: 100%;
	padding: 5px 0;
}
.feature_bottom p {
	width: 50%;
	font-size: 18px;
	font-weight: bold;
}
.feature_bottom p:first-of-type {
	border-right: 2px solid #fff;
}
.contents03 .container {
	padding-bottom: 60px;
}
.cont03_bg {
	background: url(../img/top/cont01_1.png) no-repeat;
	background-size: cover;
	padding: 35px 150px;
	margin-bottom: 25px;
}
.contents03 .cont03:nth-of-type(2) .cont03_bg {
	background: url(../img/top/cont01_2.png);
	background-size: cover;
}
.contents03 .cont03:nth-of-type(3) .cont03_bg {
	background: url(../img/top/cont01_3.png);
	background-size: cover;
}
.contBox {
	background: rgba(255,255,255,.8);
	max-width: 250px;
	text-align: left;
	padding: 40px 35px 30px;
	margin-left: auto;
	color: #000;
	font-size: 14px;
	line-height: 1.8;
	min-height: 245px;
}
.contBox02 {
	background: rgba(31,180,115,.8);
	color: #fff;
	margin-right: auto;
	margin-left: 0;
	padding-top: 50px;
}
.contBox h2 {
	color: #22b473;
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 20px;
}
.contBox02 h2 {
	color: #fff;
}
.contents03 .cont03:last-of-type .contBox h2 {
	letter-spacing: -.09em;
}
.cont03 .contents {
	padding-bottom: 60px;
}
.cont03 .contents p {
	text-align: left;
	margin-bottom: 30px;
}
.Box01 {
	border: 1px solid #22b473;
	margin-bottom: 40px;
}
.Box01 dt,.Box01 dd {
	width: 50%;
	font-weight: bold;
	padding: 5px 20px;
}
.Box01 dt {
	color: #fff;
	background: #22b473;
}
#toppage .Box01 dt {
	padding: 17px 20px;
}
.contents03 .cont03:last-of-type .contents ,
.contents03 .cont03:last-of-type .contents p {
	padding-bottom: 0;
	margin-bottom: 0;
}
.bg_lgreen {
	background: #e8f7f1;
}
.contents04 .title {
	margin-bottom: 70px;
}
.f_cont {
	padding: 25px 50px;
	text-align: left;
}
.f_cont dt {
	margin-bottom: 20px;
}
.f_cont dt h2 {
	font-size: 30px;
}
.f_cont dd p {
	margin-bottom: 30px;
}
.f_cont a {
	width: 155px;
	font-weight: 600;
}
.f_cont .btn01 ,
.f_cont .btn02 {
	transition: .2s;
}
.f_cont .btn01:hover {
	background: #22b473;
	color: #fff;
}
.f_cont .btn02:hover {
	background: #fff;
	color: #22b473;
}


/************下層***************/
/*ドライバー*/
.cont01-2 dl {
	height: auto;
	align-items: flex-start;
	padding: 46px 45px 30px;
}
.cont01-2 dd {
	margin: 0;
}
.cont01-2 h2 {
	font-size: 20px;
	line-height: 1.1;
	padding: 5px 30px;
}
#driver .contents02 {
	background: url(../img/driver/cont02bg.png) no-repeat center center;
	background-size: cover;
}
#driver .contents02 .title {
	margin-bottom: 110px;
}
.charm {
	width: 353px;
	text-align: left;
	position: relative;
}
.charm .num {
	line-height: 1;
	font-size: 70px;
	display: inline-block;
	margin: auto;
	text-align: center;
	left: 0;
	right: 0;
	top: -.5em;
	position: absolute;
}
.charm .num+dt {
	background: #00a95f;
	text-align: center;
	padding: 92px 0 62px;
}
.charm h2 {
	display: inline-block;
	margin: auto;
	text-align: left;
	font-size: 30px;
}
.charm dd {
	background: #fff;
	padding: 30px;
	height: 250px;
}
.charm dd > p{
	line-height: 28px;
	color: #231815;
}
#driver .contents03 .container {
    padding-bottom: 100px;
}
#driver .contents04 .container {
    padding: 55px 0;
}
#driver .contents04 .title {
	margin-bottom: 60px;
}
#driver .f_cont h2{
	white-space: nowrap;
}
.bg_grey {
	background: #f1f1f1;
}
.flow_cont {
	width: 160px;
}
.flow_cont dt {
	line-height: 160px;
	white-space: nowrap;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	background: #00a95f;
	position: relative;
}
.flow_cont dt::after {
	content: "";
	background: url(../img/driver/arrow.png) center center no-repeat;
	width: 17px;
	height: 100%;
	position: absolute;
	left: 189px;
}
.flow_cont:last-of-type dt::after {
	display: none;
}
.flow_cont dd {
	padding: 15px 0 0;
	text-align: left;
}
.recruit_table {
	border: 1.5px solid #666;
	color: #000;
}
.recruit_table th,
.recruit_table td {
	padding: 10px 20px;
	border-bottom: 1px solid #8C8C8C;
}
.recruit_table th {
	background: #d3f0e3;
	vertical-align: top;
	font-weight: normal;
	width: 200px;
}
.recruit_table td {
	text-align: left;
	width: 600px;
}
.recruit_table dt,
.recruit_table dd {
	display: inline-block;
}
.recruit_table dt {
	margin-right: 25px;
}
.recruit_table dl:first-of-type {
	margin-bottom: 25px;
}
.recruit_table dl:last-of-type {
	margin-bottom: 15px;
}
.contact.bg_lgreen {
	margin-bottom: 40px;
}
.partner_sub {
	background: url(../img/partner/head.png) no-repeat center center;
    background-size: cover;
}
#partner .contents03 .container {
    padding-top: 95px;
}
#partner .contents04 .title {
	margin-bottom: 50px;
}
#partner .contents03 .contents p {
	margin-bottom: 30px;
}
#partner .contents02 {
    background: url(../img/partner/cont02bg.png) no-repeat center center;
    background-size: cover;
}
#partner .contents02 .container {
	padding: 80px 0 100px;
}
#partner .cont03_bg {
    background: url(../img/partner/cont03.png) no-repeat;
    background-size: cover;
	padding: 60px 150px;
}
#partner .contents03 .cont03:last-of-type .contBox h2 {
	letter-spacing: normal;
}
.resolution {
	border: 6px solid #22b473;
	padding: 50px 130px 35px;
	width: 800px;
	margin: 0 auto 55px;
	position: relative;
}
.resolution::after {
	content: url(../img/partner/arrow.png);
	display: block;
	position: absolute;
	bottom: -35px;
	left: 0;
	right: 0;
	margin: auto;
}
.resolution h2 {
	font-size: 16px;
	letter-spacing: -.07em;
	text-indent: .07em;
	border-bottom: 2px solid #fff;
	margin-bottom: 45px;
}
.resolution ul {
	padding: 0 5px;
}
.resolution li {
	margin-bottom: 35px;
	text-align: left;
	white-space: nowrap;
	font-size: 26px;
	background: url(../img/partner/check.png) left center no-repeat;
	padding-left: 50px;
	font-weight: bold;
}
.resTxt {
	display: inline-block;
	margin: auto;
	font-size: 22px;
	font-weight: bold;
	background: linear-gradient(bottom,transparent 10%,#00a95f 10%,#00a95f 45%,transparent 45%);
	background: -webkit-linear-gradient(bottom,transparent 10%,#00a95f 10%,#00a95f 45%,transparent 45%);
	background: -moz-linear-gradient(bottom,transparent 10%,#00a95f 10%,#00a95f 45%,transparent 45%);
	background: -ms-linear-gradient(bottom,transparent 10%,#00a95f 10%,#00a95f 45%,transparent 45%);
	background: -o-linear-gradient(bottom,transparent 10%,#00a95f 10%,#00a95f 45%,transparent 45%);
	padding-left: .5em;
}
#partner .contents04 .container {
	padding: 50px 0 80px;
}
#partner .recruit_table {
	border: none;
}
#partner .recruit_table th {
	background: #22b473;
	color: #fff;
	border-bottom: 1px solid #fff;
	width: 200px;
}
#partner .recruit_table td {
	width: 600px;
	padding-left: 50px;
	background: #fff;
}
#partner .recruit_table tr:last-of-type th,
#partner .recruit_table tr:last-of-type td {
	border-bottom: none;
	padding-bottom: 30px;
}
.company_sub {
	background: url(../img/company/head.png) no-repeat center top;
  background-size: cover;
}
.company_table {
	color: #000;
}
.company_table th,
.company_table td {
	padding: 15px 20px;
	border-bottom: 1px solid #8C8C8C;
}
.company_table th {
	background: #d3f0e3;
	vertical-align: top;
	font-weight: normal;
	width: 200px;
	text-align: center;
}
.company_table td {
	text-align: left;
	width: 600px;
}
.company_table tr:last-of-type th,
.company_table tr:last-of-type td {
	border-bottom: none;
}
.company_table dt {
	width: 140px;
}
.company_table dd {
	width: 420px;
	margin-bottom: 15px;
}
.company_table dd:last-of-type {
	margin-bottom: 0;
}
#company .contents02 {
	background: url("../img/company/cont02bg.png") no-repeat center center;
	background-size: cover;
	min-width: 1100px;
	margin-bottom: 60px;
}
@media all and (-ms-high-contrast: none){
	.company_table dl {
		display: block;
	}
	.company_table dt {
		width: 134px;
		vertical-align: top;
	}
	.company_table dt ,
	.company_table dd {
		display: inline-block;
	}
}
#company .contents02 .container {
	padding: 70px 0;
}
#company .contents02 .title {
	margin-bottom: 35px;
}
#company .contents02 .title::after {
	display: none;
}
.corpBtn {
	max-width: 640px;
	margin: 35px auto 0;
}
.corpBtn a {
	font-size: 22px;
	font-weight: bold;
	border: 2px solid #fff;
	border-radius: 25px;
	padding: 5px 40px;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.corpBtn a:hover {
	background: #fff;
	color: #000;
}


/*********************************/
/* タブレット用のスタイル記述 */
/*********************************/
@media screen and (max-width: 1200px) {
}
/*********************************/
/* スマートフォン用のスタイル記述 */
/*********************************/
@media screen and (max-width: 620px) {
	.onlypc {
		display: none;
	}
	.onlysp {
		display: block;
	}
	
	
/***ヘッダー------------------*/

	
/***フッター------------------*/


/***共通----------------------*/

	
/***トップ--------------------*/

	/**メインビジュアル**/

	/**コンテンツ**/

	
/***下層ページ--------------*/
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}