/*--------------------------------
recaptcha マーク非表示
---------------------------------*/
.grecaptcha-badge { visibility: hidden; }

/*--------------------------------
 全体
---------------------------------*/
/*ベースカラー*/
:root{
	--color-a:#007260;
	--color-b:#e18000;
	--color-c:#efece3;
	--color-d:#f9ead8;
	--color-e:#d70044;
	--color-f:#e1dbca;
  }
/*layout*/
#wrapper {
	overflow: hidden;
	position: relative;
}
/*inner-a1000px iner-b1000px以下のとき94%*/
.inner-a,.inner-b {
	width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

/*画像*/
img {
	width: 100%;
}
/*margin*/
.mt-xl {
	margin-top: 6em;
}
.mt-l {
	margin-top: 3em;
}
.mt-m {
	margin-top: 2em;
}
.mt-n {
	margin-top: 1em;
}
.mt-s {
	margin-top: 0.25em;
}
.m-center{
	margin-left: auto;
	margin-right: auto;
}
/*flex*/
.flex-row{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.flex-column-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/*スマホ用PC用要素*/
.pc-only {
	display: block;
}
.tb-only {
	display: none;
}
.sp-only {
	display: none;
}


/*1000px以下*/
@media (max-width: 1000px) {
	.inner-b {
		width: 94%;
	}
}
/*タブレット*/
@media (max-width: 780px) {
	.pc-only {
		display: none;
	}

	.tb-only {
		display: block;
	}
}

/*スマートフォン*/
@media (max-width : 580px) {
/*margin*/
.mt-xl {
	margin-top: 4em;
}
.mt-l {
	margin-top: 2em;
}
.mt-m {
	margin-top: 1.5em;
}
.pc-only {
	display: none;
}
.tb-only {
	display: none;
}
.sp-only {
	display: block;
}
}

/*--------------------------------
 文字
---------------------------------*/
body {
	font-family: 'Roboto','Noto Sans JP', sans-serif;
	font-weight: 400;
	color: #3B3B3B;
	font-size: 16px;
	background-color: #fff;
}

h1, h2, h3, h4,dt {
	line-height: 1.3;
	letter-spacing: 0.05em;
}
h1{
	font-size: 18px;
	font-weight: 700;	
	color: var(--color-a);
}
h2 {
	font-size: 28px;
	font-weight: 700;
	color: var(--color-b);
	text-align: center;
	font-family: 'Hind Siliguri', sans-serif;
	letter-spacing: 0;
}

h3,dt {
	font-weight: 800;
	letter-spacing: 0.02em;
}
h3{
	color: var(--color-a);
	text-align: center;
	font-size: min(6.5vw,42px);
}
h3 span{
	font-size: 18px;
	font-weight: 600;
}
p,dd {
	line-height: 1.9;
	font-feature-settings: "palt";
	text-align: justify;
	letter-spacing: 0.03em;
}
.t-reed{
	font-size: 19px;
	line-height: 1.6;
}
.t-cap {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3;
}
.t-right {
	text-align: right;
}
.t-left {
	text-align: left;
}
.t-center {
	text-align: center;
}
.t-hind {
	/*数字・欧文フォント指示*/
	font-family: 'Hind Siliguri', sans-serif;
	letter-spacing: 0;
}
.t-big{
	font-size: 2em;
}
.t-small{
	font-size: 0.5em;
}
.t-nowrap{
	display: inline-block;
}
/*タブレット*/

@media (max-width: 780px) {
	body {
		font-size: 15px;
	}
	h2 {
		font-size: 26px;
	}
	dt {
		font-size: 16px;
	}
	.t-reed{
		font-size: 16px;
	}
}
/*スマートフォン*/
@media (max-width : 580px) {
	body {
		font-size: 14px;
	}
	h2 {
		font-size: 14px;
	}
	.t-reed{
		font-size: 15px;
	}
	dt {
		font-size: 15px;
	}
h3 span{
		font-size: 14px;
	}
}


/*--------------------------------
aside 追跡メニュー
---------------------------------*/

aside {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 -3px 3px rgba(0,0,0,0.1);
	position: fixed;
	bottom: 0;
	transition: 0.2s;
	z-index: 100;
}
.aside-in{
	width: 90%;
	height: 90px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: var(--color-a);
}
aside div img{
	width: 20%;
	max-width: 180px;
	height: auto;
	margin-right: 20px;
}
.aside-ttl{
	width: 20%;
	color: var(--color-a);
	font-size: min(1.8vw,24px);
	font-weight: 700;
	line-height: 1.2;
	margin-right: auto;
}
/* .aside-btn-wrap{
	width: 46%;
	min-width: 400px;
	max-width: 680px;
	justify-content: space-between;
}
.aside-btn-wrap li{
	width: 48%;
}
.aside-btn-wrap li a{
	width: 100%;
	height: 46px;
	color: #fff;
	font-size:16px;
	font-weight: bold;
	letter-spacing: 0.2em;
	border-radius: 100px;
	margin-bottom: 4px;
}
.aside-btn-wrap li .btn-phoneno{
	height: 46px;
	margin-bottom: 4px;
	padding-top: 0.45em;
}
.aside-btn-wrap li .btn-phoneno img{
	vertical-align:middle;
	margin-top: -4px;
}
.aside-btn-wrap li:nth-child(1)  a{
	background-color: var(--color-b);
}
.aside-btn-wrap li:nth-child(2) a{
	background-color: var(--color-e);
}
.aside-btn-wrap li p{
	font-size: 13px;
}  */

aside:hover {
	background-color: rgba(255, 255, 255, 0.98);
}

#asideMenu{
	opacity: 0;
	margin-bottom: -90px;
}
#asideMenu.is-active {
	animation-name: fadeIn;
	animation-duration: 0.3s;
	animation-fill-mode: forwards;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		margin-bottom: 0;
	}
}

/*スマートフォン*/

@media (max-width : 780px) {
	.aside-in{
		width: 100%;
		height: 70px;
		padding: 4px;
	}
	.aside-btn-wrap{
		width: 100%;
		min-width:auto;
		max-width:none;
		justify-content: space-between;
	}
	.aside-btn-wrap li p{
		font-size: min(3vw,14px);
		letter-spacing: 0;
	} 
}
/*--------------------------------
aタグ、ボタン
---------------------------------*/
a:hover{
	filter: brightness(1.1); 
	transition:0.3s;
	cursor: pointer;
}

.afc_popup a:hover{
	filter: brightness(1.1); 
	transition:0.3s;
	cursor: pointer;
}
/*--------------------------------
ナビゲーション
---------------------------------*/
.fv-nav-wrap{
	width: 100%;
}
.fv-logo{
	width: 140px;
	margin-left: 1%;
}
.fv-nav {
	width: 100%;
	height: 64px;
	margin-left: auto;
	margin-right: auto;
	justify-content: space-between;
	align-items: center;
}
.fv-nav-p{
	font-size: 14px;
	font-weight: 500;
	margin-left: 8px;
}
.fv-nav-btn-line{
	position: relative;
	width: 50%;
	height: 90%;
	max-width: 340px;
	margin-left: auto;
	margin-right: 1%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	background-color: #4cc764;
	border-radius: 10px;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3), inset -4px -4px 6px rgba(0, 0, 0, 0.4), inset 4px 4px 6px rgba(255, 255, 255, 0.6);
  }
.fv-nav-btn-line::before {
	border-right: 3px solid #fff;
	border-top: 3px solid #fff;
	bottom: 0;
	content: "";
	height: 10px;
	margin: auto;
	position: absolute;
	right: 30px;
	top: 0;
	transform: rotate(45deg);
	transition: right .5s; 
	width: 10px;
  }
  .fv-nav-btn-line:hover::before {
	right: 25px;
  }
.fv-nav-btn-line img{
	width: 50px;
	margin-right: 1%;
	margin-left: -5%;
}
/* .fv-nav-btn-wrap {
	margin-left: auto;
	margin-right: 0;
}
.fv-nav-btn-wrap li{
	width: 220px;
	height: 64px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.fv-nav-btn-a,.fv-nav-btn-b{
	width: 100%;
	height: 64px;
	color: #fff;
	font-size:16px;
	font-weight: bold;
	letter-spacing: 0.2em;
}
.fv-nav-btn-a{
	background-color: var(--color-b);
}
.fv-nav-btn-b{
	background-color: var(--color-e);
}
.fv-nav-btn-icon{
	width: auto;
	height: 30px;
	vertical-align:middle;
	margin-right: 8px;
} */

/*タブレット*/
@media (max-width: 818px) {
	/* .fv-nav-p{
		display: none;
	} */
}

@media (max-width: 780px) {
	.fv-nav {
		background-color: var(--color-a);
	}
	/* .fv-nav-btn-wrap {
		width: 100%;
	}
	.fv-nav-btn-wrap li {
		width: 50%;
	}
	.fv-nav-btn-b-wrap{
width: 100%;
	} */
	.fv-nav-btn-line{
		width: 100%;
		max-width: 100%;
		height: 100%;
		margin-left: 0;
		margin-right: 0;
		font-size: 20px;
		border-radius: 8px;
	}
	.fv-nav-btn-line img{
		width: 60px;
	}
}
@media (max-width: 580px) {
	.fv-nav-btn-line{
		font-size: 19px;
	}
	.fv-nav-btn-line img{
		width: 54px;
	}
	.fv-nav-btn-line::before {
		right: 20px;
	  }
	  .fv-nav-btn-line:hover::before {
		right: 15px;
	  }
}

/*--------------------------------
各sectionの共通スタイル
---------------------------------*/
section{
	padding-top: 80px;
	padding-bottom: 80px;
}
.section-wht{
	background-color: #fff;
}

.section-c{
	background-color: var(--color-c);
}
	/*スマホ用*/
@media (max-width : 580px) {
	section{
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

/*共通レイアウト*/
.content-inner{
	width: 80%;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}
.content-inner-wide{
	width: 80%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}


 /*cv-btn*/
 .cvbtn-warap{
	border-radius: 18px;
	overflow: hidden;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	position: relative;
	border: 6px solid #fff;
	box-shadow:0px 0px 6px 2px #8c8c8c;
}
.cvbtn-warap::after{
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 18px;
	box-shadow:0px 0px 6px 2px #8c8c8c inset;
	position: absolute;
	z-index: 30;
}
.cvbtn-img{
	width: 35%;
}
.cvbtn-img img{
	object-fit: cover;
	height: 100%;
}
.cvbtn-contant{
		background: var(--color-a);
	flex: 1;
}
.cvbtn-contant-in{
	/* background: var(--color-a); */
	padding: 2em;
}
.cvbtn-line{
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 1em;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	z-index: 90;
	background-color: #4cc764;
	border-radius: 10px;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3), inset -4px -4px 6px rgba(0, 0, 0, 0.4), inset 4px 4px 6px rgba(255, 255, 255, 0.6);
}

.cvbtn-line::before {
	border-right: 3px solid #fff;
	border-top: 3px solid #fff;
	bottom: 0;
	content: "";
	height: 10px;
	margin: auto;
	position: absolute;
	right: 40px;
	top: 0;
	transform: rotate(45deg);
	transition: right .5s; 
	width: 10px;
  }
  .cvbtn-line:hover::before {
	right: 35px;
  }
  .cvbtn-line img{
	width: 50px;
	margin-right: 1%;
	margin-left: -5%;
}
.cvbtn-contant-in h3{
	color: #fff000;
	font-size: min(4.8vw,56px);
	letter-spacing: 0.13em;
}
.cvbtn-contant-in dl{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.cvbtn-contant-in dl dt,
.cvbtn-contant-in dl dd{
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}
.cvbtn-contant-in dl dt{
border: #fff 1px solid;
border-radius: 8px;
letter-spacing: 0.2em;
padding: 1em 2em;
margin-right: 10px;
width: 124px;
}
.cvbtn-contant-in dl dd{
width: calc(100% - 140px);
line-height: 1.5;
}
/* .cvbtn-btn-wrap{
	width: 100%;
	justify-content: space-around;
	padding: 1em;
	position: relative;
	z-index: 80;
}
.cvbtn-btn-wrap li{
	width: 45%;
}
.cvbtn-btn-a,.cvbtn-btn-b{
	width: 100%;
	height: 50px;
	color: #fff;
	font-size:16px;
	font-weight: 700;
	letter-spacing: 0.2em;
	border-radius: 100px;
}
.cvbtn-btn-a{
	background-color: var(--color-b);
}
.cvbtn-btn-b{
	background-color: var(--color-e);
}
.cvbtn-btn-icon{
	width: auto;
	height: 30px;
	vertical-align:middle;
	margin-right: 8px;
} */
.section-cvbtn{
	background-color: #fff;
	padding: 2em 0;
}
/*タブレット*/
@media (max-width : 780px) {
.cvbtn-img{
	width: 25%;
}
.cvbtn-line{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	font-size: 18px;
}
.cvbtn-line img{
	width: 46px;
}
}
/*スマホ*/
@media (max-width : 580px) {
	.content-inner{
		width: 90%;
	}
	.content-inner-wide{
		width: 90%;
	}
	
	.cvbtn-warap{
		flex-direction: column;
		align-items: normal;
	}
	.cvbtn-contant-in {
		width: 100%;
		padding: 1em;
	}
	.cvbtn-contant-in h3{
		font-size: 7.5vw;
		white-space: nowrap;
		text-align: center;
	}
	.cvbtn-img{
		width: 100%;
	}

	.cvbtn-contant-in dl{
		width: 100%;
	}
	.cvbtn-contant-in dl dt,
	.cvbtn-contant-in dl dd{
		display: block;
		width: 100%;
	}
	.cvbtn-contant-in dl dt{
		text-align: center;
	padding: 0.25em;
	margin-right:0;
	margin-bottom: 2%;
	}
	/* .cvbtn-btn-a,.cvbtn-btn-a{
		font-size:14px;
	}
	.cvbtn-btn-icon{
		height: 20px;
	} */
	.cvbtn-line{
		font-size: 15px;
	}
	.fv-nav-btn-line img{
		width: 38px;
	}
	.cvbtn-line::before {
		right: 25px;
	  }
	  .cvbtn-line:hover::before {
		right: 20px;
	  }
}

/* .btn-phoneno{
	color: var(--color-e);
	font-size: min(2.5vw,22px)!important;
	font-weight: 800;
	line-height: 0.4;
}
.btn-phoneno img{
	margin-top: -4px;
}
.btn-phoneno span{
	font-size: 12px;
	color: #333333;
	font-weight: 400;
}  */



/*--------------------------------
sc11 message
---------------------------------*/
.sc11{
	background-image: url(../img/message_bk.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
}
.message-warap{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.message-warap img{
	display: block;
	margin-bottom: 40px;
}
.message-l{
	width: 363px;
	height: 270px;
}
.message-m{
	width: 313.5px;
	height: 270px;
}
.message-s{
	width: 225.5px;
	height: 270px;
}
.message-pc{
	display: block;
}
.message-sp{
	display: none;
}
/*タブレット*/
@media (max-width: 1100px) {
	.message-warap{
		width: 90%;
	}
	.message-l{
		width: 36.3%;
		height: auto;
	}
	.message-m{
		width: 31.35%;
		height: auto;
	}
	.message-s{
		width: 22.55%;
		height: auto;
	}
}
@media (max-width: 780px) {
	.sc11{
		background-image: url(../img/message_bk_sp.png);
	}
	.message-warap{
		width: 100%;
	}
	.message-warap img{
		margin-bottom: 20px;
	}
	.message-pc{
		display: none;
	}
	.message-sp{
		display: block;
	}
	.message-l{
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	.message-m{
		width: 58%;
	}
	.message-s{
		width: 40%;
	}
}
/*--------------------------------
sc12 number
---------------------------------*/
.sc12{
	background-image: url(../img/number_bk.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: contain;
}
.number-wrap{
	width: 95%;
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.number-box {
	width: 30%;
	background-color: #ffffffd5;
	border: var(--color-b) solid 3px;
	border-radius: 20px;
	padding: 2em 1em 1em 1em;
	box-shadow: 2px 2px 8px #cacaca;
	margin-bottom: 4em;
	text-align: center;
}
.number-box h4{
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 1em;
	height: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media (max-width: 780px) {
	.sc12{
		background-image: url(../img/number_bk_sp.png);
	}
	.number-box {
		width: 48%;
		padding: 1em 0.5em 0.5em 0.5em;
		margin-bottom: 8px;
	}
	.number-box h4{
		font-size: min(3.5vw,18px);
		height: 40px;
	}
}


/*--------------------------------
sc01 ピットクルーとは aboutus
---------------------------------*/



.sc01-top-content{
	max-width: 880px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 80px;
}
.sc01-top-content div{
	width: 50%;
}
.sc01-top-content img{
	width: 45%;
}
.sc01-top-content div h3{
	color: var(--color-a);
	font-size: min(5.4vw,52px);
}
.sc01-top-content div p{
	font-size: min(2.7vw,19px);
	margin-bottom: 1em;
}
.sc01-aboutus{
	background-color: var(--color-c);
	border-radius: 18px;
	overflow: hidden;
	padding-bottom: 1em;
}
.sc01-aboutus-topimg{
	width: 100%;
}
.sc01-aboutus-topimg img{
	width: calc(100% / 3);
}

.sc01-aboutus-logo{
	width: 80%;
	max-width: 480px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.sc01-aboutus-ttl{
	border-radius: 32px;
	background-color: var(--color-a);
	color: #fff;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.2em;
	padding: 0.3em 0;
	font-size: 18px;
}
.sc01-aboutus-shop,.sc01-aboutus-group {
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.sc01-aboutus-group{
	max-width: 580px;
}
.sc01-aboutus-bottom-box{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.sc01-aboutus-bottom-box p{
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.15em;
	padding: 20px 30px 20px 0;
	position: relative;
}
.sc01-aboutus-bottom-box p::after{
	content: "";
	width: 1px;
	height: calc(100% - 40px);
	background-color: #3B3B3B;
	position: absolute;
	right: 0;
	bottom: 20px;
}
.sc01-aboutus-bottom-box dl{
	width: 60%;
	padding: 20px 0 20px 30px;
}
.sc01-aboutus-bottom-box dl dt,.sc01-aboutus-bottom-box dl dd{
	display: inline-block;
	font-size: 18px;
	vertical-align: middle;
	margin-bottom: 4px;
}
.sc01-aboutus-bottom-box dl dt{
	width: 60px;
	font-weight: 500;
	text-align-last: justify;
	margin-right: 20px;
}
.sc01-aboutus-bottom-box dl dd{
	width: calc(100% - 90px);
	font-weight: 300;
	line-height: 1.3;
}

/*タブレット*/
@media (max-width : 780px) {
	.sc01_top_content{
		align-items: flex-end;
	}
	.sc01-top-content div p{
		font-size: 16px;
	}
	.sc01-aboutus-bottom-box p{
		font-size: 16px;
		padding: 10px;
		letter-spacing: 0.1em;
	}
	.sc01-aboutus-bottom-box dl{
		padding: 10px;
	}
	.sc01-aboutus-bottom-box dl dt,.sc01-aboutus-bottom-box dl dd{
		font-size: 14px;
	}
	.sc01-aboutus-bottom-box dl dt{
		width: 50px;
		margin-right: 20px;
	}
	.sc01-aboutus-bottom-box dl dd{
		width: calc(100% - 80px);
	}
}
/*スマートフォン*/
@media (max-width : 580px) {

	.sc01-top-content{
		flex-direction: column;
		margin-top: 40px;
	}
	.sc01-top-content div{
		width: 100%;
	}
	.sc01-top-content img{
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	.sc01-top-content div h3{
		font-size: min(8.6vw,48px);
		text-align: center;
	}
	.sc01-top-content div p{
		font-size: 14px;
	}
	.sc01-aboutus-ttl{
		font-size: 15px;
	}
	.sc01-aboutus-bottom-box{
		flex-direction: column;
		justify-content: center;
	}
	.sc01_aboutus-bottom-box p{
	width: 100%;
	}
	.sc01-aboutus-bottom-box p::after{
		width: calc(100% - 20px);
		height: 1px;
		right: 10px;
		bottom: 0;
	}
	.sc01-aboutus-bottom-box dl{
		width: 100%;
	}
}
	
	
/*--------------------------------
sc02 ピットクルーのお仕事
---------------------------------*/
.sc02-top{
background-color: #FFF;
border-radius: 18px;
position: relative;
padding-bottom: 80px;
margin-bottom: 95px;
}
.sc02-top-box{
	width: 100%;
	height: 95px;
	position: absolute;
	bottom: -48px;
}
.sc02-top-box ul li{
	background-color: var(--color-b);
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	padding: 0.05em 1.8em;
	letter-spacing: 0.2em;
	border-radius: 100px;
	margin-bottom: 10px;
	margin-right: 18px;
}
.sc02-top-box ul li:nth-child(3){
	margin-bottom: 0;
	letter-spacing: 0;
}
.sc02-top-box ul,.sc02-top-box img{
	width: 30%;
}
.sc02-content h4{
	font-size: 24px;
	color: var(--color-a);
	font-weight: 800;
	text-align: center;
	letter-spacing: 0.2em;
}
.sc02-content-box{
	display: flex;
	flex-direction: row;
}
.sc02-content-box ul,.sc02-content-img{
	width: 50%;
}
.sc02-content-box ul{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.sc02-content-box ul li{
	width: 100%;
	height: 32px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.2em;
	color: #fff;
	background-color: var(--color-a);
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sc02-content-img img{
	width: 45%;
	margin-left: 5%;
}

/*タブレット*/
@media (max-width : 780px) {
	.sc02-content h4{
		font-size: 20px;
	}
	.sc02-top-box ul,.sc02-top-box img{
		width: 40%;
	}
	.sc02-content-box ul li{
		height: 22px;
		font-size: 15px;
		letter-spacing: 0.1em;
	}
	.sc02-content-img img{
		width: 45%;
		margin-left: 5%;
	}
}
/*スマートフォン*/
@media (max-width : 580px) {
	.sc02-top{
		padding-bottom: 60px;
		margin-bottom: 80px;
		}
		.sc02-top-box{
			bottom: -48px;
		}
		.sc02-content h4{
			font-size: 16px;
		}
	.sc02-top-box ul,.sc02-top-box img{
		width: 45%;
	}
	.sc02-top-box ul li{
		font-size: 14px;
		margin-bottom: 4px;
		margin-right: 8px;
	}
	.sc02-content-box{
		flex-direction: column;
	}
	.sc02-content-box ul,.sc02-content-img{
		width: 100%;
	}
	.sc02-content-box ul li{
		margin-bottom: 4px;
	}
	.sc02-content-img {
		margin-top: 8px;
	}
	.sc02-content-img img{
		width: 48%;
		margin-left: 4%;
	}
	.sc02-content-img img:nth-child(1){
		margin-left: 0;
	}
}
/*スマートフォン小*/
@media (max-width : 380px) {
	.sc02-top{
		margin-bottom: 60px;
		}
	.sc02-top-box{
		width: 120%;
		left: -10%;
	}
}
/*--------------------------------
sc03 先輩ピットクルー
---------------------------------*/
.sc03-voice-wrap{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sc03-voice-box{
	width: 46%;
	background-color: var(--color-c);
	border-radius: 18px;
	overflow: hidden;
	margin-bottom: 40px;
}
.sc03-voice-box-in{
	padding: 2em;
}
.sc03-voice-box-in h4,.sc03-voice-box-in h5{
text-align: center;
font-weight: 800;
}
.sc03-voice-box-in h4{
	font-size: min(2.7vw,22px);
	letter-spacing: 0.1em;
	}
	.sc03-voice-box-in h5{
	font-size: 13px;
	}
	.sc03-voice-box-in p{
		font-size: 15px;
	}
/*スマートフォン*/
@media (max-width : 580px) {
	.sc03-voice-box{
		width: 100%;
		margin-bottom: 30px;
	}
	.sc03-voice-box-in{
		padding: 1em;
	}
	.sc03-voice-box-in h4,.sc03-voice-box-in h5{
	text-align: center;
	font-weight: 600;
	}
	.sc03-voice-box-in h4{
		font-size: min(5.8vw,22px);
		}
		.sc03-voice-box-in h5{
		font-size: 12px;
		}
		.sc03-voice-box-in p{
			font-size: 14px;
		}
}

/*--------------------------------
sc04 キャリアパス
---------------------------------*/
.sc04-content{
	position: relative;
}
.sc04-content p{
	width: 36%;
	position: absolute;
	left: 32%;
	top:0;
}
.sc04-case-wrap {
	width: 90%;
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 80px;
}
.sc04-case-img{
	background: url(../img/sc04_case.jpg) no-repeat;
	background-size: cover;
	background-position: to center;
	width: 45%;
	height: auto;
	position: relative;
}
.sc04-case-img p{
	background-color: var(--color-b);
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	border-radius: 0 0 8px 8px;
	padding: 0 1em;
	position: absolute;
	left: 10px;
	top: -10px;
	z-index: 50;
	border: var(--color-c) 2px solid;
}
.sc04-case-txt{
	width: 50%;
}
.sc04-case-txt h4{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}
.sc04-case-txt p{
	font-size: 18px;
}
/*スマートフォン*/
@media (max-width : 580px) {
	.sc04-content p{
		width: 90%;
		position: static;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.sc04-case-wrap {
		flex-direction: column;
	}
	.sc04-case-img,.sc04-case-txt{
		width: 100%;
	}
	.sc04-case-img{
		height: 220px;
		margin-bottom: 20px;
	}
	.sc04-case-txt h4{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.sc04-case-txt p{
		font-size: 15px;
	}
}

/*--------------------------------
sc05 support
---------------------------------*/
.sc05-support{
	background-color: var(--color-d);
	border-radius: 18px;
	padding: 3em 2em;
}
.sc05-support-ttl{
	width: 80%;
	max-width: 580px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 22px;
	font-weight: 800;
}
.sc05-supportbox-warap{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sc05-supportbox{
	width: 48%;
	margin-bottom: 40px;
	display: flex;
	flex-direction: column;
}
.sc05-supportbox-no{
	width: 40%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.sc05-supportbox-pic{
	width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.sc05-supportbox div{
	background-color: #fff;
	padding: 2em;
	border-radius: 18px;
	flex-grow: 1;
}
.sc05-supportbox div h5{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5;
}
.sc05-support-bottom{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.sc05-support-bottom img{
	width: 20%;
	margin-right: 1.5em;
}
.sc05-support-bottom p{
	flex: 1;
}

/*タブレット*/
@media (max-width : 780px) {
	.sc05-support-ttl{
		font-size: 18px;
	}
	.sc05-supportbox div{
		padding: 1.5em;
	}
	.sc05-supportbox div h5{
		font-size: 18px;
	}
	.sc05-support-bottom{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.sc05-support-bottom p{
		width: 80%;
		margin-top: 20px;
	}
	.sc05-support-bottom img{
		width: 25%;
		margin-right: 0;
	}
}
/*スマホ*/
@media (max-width : 580px) {
	.sc05-supportbox{
		width: 100%;
	}
	.sc05-support-bottom p{
		width: 100%;
	}
	.sc05-support-bottom img{
		width: 40%;
	}
}

/*--------------------------------
sc06 licence
---------------------------------*/
.sc06-licence-img{
	width: 40%;
	max-width: 280px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.sc06-content{
background-color: var(--color-c);
overflow: hidden;
border-radius: 18px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-self:center;
}
.sc06-content-txt{
	padding: 1.5em;
}
.sc06-content-txt h4{
	color: var(--color-a);
	font-size: min(3.2vw,26px);
	font-weight: 700;
	text-align: center;
}
.sc06-content-txt ul li{
	list-style-type:disc;
	font-weight: 500;
	line-height: 1.5;
	margin-left: 1.5em;
}
.sc06-content-img{
	width: 30%;
}
.sc06-content-img img{
	height: 100%;
	object-fit: cover;
}
.sc06-backup {
	background-color: var(--color-b);
	border-radius: 18px;
	padding: 2em;
	position: relative;
	overflow: hidden;
}
.sc06-backup h4{
	color: #fff;
	text-align: center;
	font-size: min(2.8vw,28px);
	font-weight: 700;
	position: relative;
	padding-bottom: 2em;
	margin-bottom: 40px;
}
.sc06-backup h4::after{
	content: "";
	width: 100%;
	height: 0;
	padding-top: 8%;
	background: url(../img/sc06_backup_h4_speech.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	bottom: 0;
}
.sc06-backup-img{
	width: 50%;
	position: absolute;
	top:140px;
	left: 10px;
}
.sc06-backup p{
	width: 40%;
margin-right: 0;
margin-left: auto;
}
/*タブレット*/
@media (max-width : 780px) {
	.sc06-content{
		flex-direction: column-reverse;
		}

		.sc06-content-img{
			width: 100%;
		}
		.sc06-content-txt h4{
			font-size: min(4vw,26px);
		}
		.sc06-backup h4{
			font-size: min(4vw,28px);
			margin-bottom: 10px;
			padding: 0.1em 0.1em 1.5em 0.1em;
		}
		.sc06-backup-img{
			width: 100%;
			max-width: 280px;
			height: 190px;
			position: static;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
		}
		.sc06-backup p{
			width: 100%;
			margin: 10px auto 0 auto;
		}
	}

/*スマホ*/
@media (max-width : 580px) {
	.sc06-content-txt{
		padding: 1em;
	}
	.sc06-backup-img{
		height: 120px;
	}
}

/*--------------------------------
sc07 recruit
---------------------------------*/
.sc07-content h4{
	background-color: var(--color-b);
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	padding: 0.5em;
}
.recruitinfo{
	display: flex;
	flex-wrap: wrap;
}
.recruitinfo dt,.recruitinfo dd{
	margin-bottom: 2px;
}
.recruitinfo dt{
	width: 20%;
	background-color: var(--color-a);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	}
.recruitinfo dt p{
	width: 90%;
	max-width: 70px;
	text-align: center;
	text-align:justify;
	text-align-last:justify;
}
.recruitinfo dd{
	width: 80%;
	background-color:var(--color-c);
	padding: 1em;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
.recruitinfo dd p{
	line-height: 1.3;
}
.recruitinfo dd ul li{
	font-size: 14px;
	line-height: 1.5;
	list-style: disc;
	margin-left: 1.5em;
}
/*スマホ*/
@media (max-width : 580px) {
	.recruitinfo dt{
		width: 10%;
		}
	.recruitinfo dt p{
		width: 90%;
		font-size: 14px;
		letter-spacing: 0.2em;
	}
	.recruitinfo dd{
		width: 90%;
		padding: 0.5em;
	}
	.recruitinfo dt p{
		width:auto;
		max-width:none;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			text-orientation: upright;
			padding: 1em;
	}
	.recruitinfo dd ul li{
		font-size: 13px;
	}
}
/*スマホ*/
@media (max-width : 580px) {
	.sc07-content h4{
		font-size: 15px;
	}
}
/*--------------------------------
sc08 step
---------------------------------*/
.sc08-step-box{
	width: 100%;
	height: 140px;
	background-color:var(--color-c);
	display: flex;
	flex-direction: row;
	position: relative;
	margin-bottom: 40px;
}
.sc08-step-box:nth-child(3){
	margin-bottom: 0;
}
.sc08-step-box-ttl{
	width: 30%;
	height: 100%;
	background-color: var(--color-b);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.sc08-step-box .sc08-step-box-ttl::after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12px 0 12px;
	border-color: var(--color-b) transparent transparent transparent;
	position: absolute;
	bottom: -12px;
}
.sc08-step-box:nth-child(3) .sc08-step-box-ttl::after{
	content: none;
}

.sc08-step-box .sc08-step-box-ttl h4{
	width: 60px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-align:justify;
	text-align-last:justify;
}
.sc08-step-box:nth-child(2) .sc08-step-box-ttl h4{
	width: 120px;
}
.sc08-step-box-txt{
	width: calc(70% - 210px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-left: 30px;
}
.sc08-step-box-txt p{
	line-height: 1.5;
	font-size: 17px;
}
.sc08-step-box-txt-box{
	width: 100%;
	background-color: var(--color-b);
	text-align: center;
	color: #fff;
	padding: 0.2em 0 ;
	border-radius: 100px;
}
.sc08-step-box img{
	width: 210px;
	position: absolute;
	right: 0;
	bottom: 50%;
	transform: translateY(50%);
}
/*タブレット*/
@media (max-width : 780px) {
	.sc08-step-box-ttl{
		width: 20%;
	}
	.sc08-step-box-ttl h4,.sc08-step-box:nth-child(2) .sc08-step-box-ttl h4{
		width: auto;
		font-size: 15px;
		text-align:center;
		text-align-last:center;
	}

	.sc08-step-box-txt{
		width: calc(80% - 210px);
		padding-left: 20px;
	}
	.sc08-step-box-txt p{
		font-size: 14px;
	}
	.sc08-step-box img{
		width: 210px;
	}
}
/*スマホ*/
@media (max-width : 580px) {
	.sc08-step-box{
		width: 100%;
		height: auto;
		flex-direction: column;
		margin-bottom: 20px;
	}
	.sc08-step-box-ttl{
		width:  100%;
		padding: 0.5em 0;
	}
	.sc08-step-box:nth-child(3) .sc08-step-box-ttl::after{
		content: "";
	}
	.sc08-step-box::after{
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 12px 0 12px;
		border-color: var(--color-c) transparent transparent transparent;
		position: absolute;
		bottom: -12px;
		left: 50%;
		transform: translateX(-50%);
	}
	.sc08-step-box:nth-child(3)::after{
		content: none;
	}

	.sc08-step-box-txt{
		width:100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 1.5em;
	}
	.sc08-step-box-txt p{
		line-height: 1.5;
		font-size: 14px;
	}
	.sc08-step-box img{
		width: 60%;
		max-width:200px;
		position:static;
		right: auto;
		bottom: auto;
		transform:none;
		margin-left: auto;
		margin-right: auto;
	}
}

/*--------------------------------
sc09 company
---------------------------------*/
.sc09-company-ttl{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: min(2vw,18px);
	color: var(--color-a);
	font-weight: 500;
}
.sc09-company-ttl img{
	width: 240px;
	margin-right: 20px;
}
.sc09-company-box{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.sc09-company-box-dt,.sc09-company-box-dd{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 1em;
}
.sc09-company-box-dt{
	background-color: var(--color-f);
	width: 30%;
	}
	.sc09-company-box-dt:nth-of-type(even),.sc09-company-box-dd:nth-of-type(odd){
		background-color: #f6f4ef;
	}
.sc09-company-box-dt p{
	width: 70px;
	text-align: center;
	text-align: center;
	text-align:justify;
	text-align-last:justify;
	}
	.sc09-company-box-dt:nth-of-type(4) p{
		width: 120px;
	}
.sc09-company-box-dd{
	width: 70%;
	align-items: flex-start;
	}
	.sc09-company-box-dd p{
		font-size: 15px;
	}

.sc09-company-box-dd dl dt,.sc09-company-box-dd dl dd{
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}
.sc09-company-box-dd dl{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.sc09-company-box-dd dl dt{
	width: 160px;
}
.sc09-company-box-dd dl dd{
width: calc(100% - 160px);
}
/*タブレット*/
@media (max-width : 780px) {
	.sc09-company-ttl{
		flex-direction: column;
		font-size: 16px;
	}
	.sc09-company-ttl img{
		width: 60%;
		max-width: 240px;
		margin-right: 0;
		margin-bottom: 18px;
	}
	.sc09-company-box-dd p{
		font-size: 14px;
	}
	.sc09-company-box-dd dl dt,.sc09-company-box-dd dl dd{
		font-size: 14px;
	}
}


/*スマホ*/
@media (max-width : 580px) {
	.sc09-company-box{
		flex-direction: column;
	}
	.sc09-company-box-dt,.sc09-company-box-dd{
		width: 100%;
		padding: 0.5em;
	}
.sc09-company-box-dt:nth-of-type(even){
		background-color: var(--color-f);
}
		.sc09-company-box-dd{
			background-color: #f6f4ef;
		}
	.sc09-company-box-dd{
		align-items: center;
		}
		.sc09-company-box-dd p{
			font-size: 15px;
		}
		.sc09-company-box-dd dl dt{
			width: 120px;
		}
		.sc09-company-box-dd dl dd{
		width: calc(100% - 120px);
		}
}

/*--------------------------------
sc10 contact
---------------------------------*/
.wpcf7-form label{
	font-size: 18px;
	color: #8c8c8c;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.wpcf7-form label span{
	font-size: 0.8em;
	font-weight: 400;
	margin-left: 8px;
}

.gender-wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.gender-label{
	width: 30%;
	font-size: 18px;
	color: #8c8c8c;
	font-weight: 600;
	display: inline-block;
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.privacycheck-wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
input[type="checkbox"]{
	width: 18px;
	height: 18px;
	outline: 1px solid #999;
	background-color: #fff;
	position: relative;
 }
 input[type="checkbox"]:checked::before{
	content:"✓";
	position: absolute;
	top:-10px;
	left:1px;
	font-size: 20px;
 }
 .privacycheck-wrap label{
	justify-content: center;
 }
 .privacycheck-wrap a{
	color: #5b51c7;
 }
.gender-label-equired{
	display: block;
	font-size: 0.8em;
	color: var(--color-b);
	margin-right: 6%;
}
input[type="radio"] {
	background-color: #fff;
	position: relative;
	width: 16px;
	height: 16px;
	border: 1px solid #8f8f8f;
	border-radius: 50%;
	vertical-align: -2px;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
  }
  .wpcf7-radio{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
  }
  input[type="radio"]:checked:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #545454;
	content: '';
  }
  .wpcf7-list-item-label{
	font-size: 16px!important;
	display: block;
	margin-left: 10px!important;
	color: #545454;
  }
  .wpcf7-list-item{
	display: block!important;
	margin-right: 20px!important;
  }
.equired{
	color: var(--color-b);
	position: absolute;
	right: 72%;
}
.wpcf7-form-control-wrap{
	display: inline-block;
	width: 70%;
}
.wpcf7-text,.wpcf7-date,.wpcf7-select{
	width: 100%;
	background-color: #fff;
	padding: 4px 8px;
	min-height: 20px;
}
.wpcf7-form-control-wrap:has(.wpcf7-select){
	position: relative;
}

.wpcf7-select{
	appearance: none;
}
.wpcf7-text::placeholder{
	color: #bebebe;
}
.wpcf7-text:focus,.wpcf7-date:focus,.wpcf7-select:focus{
	outline: thin solid #c9c9c9;
}

input[type="submit"]{
	margin-top: 40px;
	background-color:var(--color-e);
	color: #fff;
	padding: 1em 4em;
	border-radius: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
input[type="submit"]:hover{
	filter: brightness(1.1); 
	transition:0.3s;
	cursor: pointer;
}

/*スマートフォン*/
@media (max-width : 780px) {
	.wpcf7-form label{
		font-size: 15px;
		flex-direction: column;
		align-items: flex-start;
	}
	.wpcf7-list-item label{
		flex-direction: row;
		align-items: center;
	}
	.wpcf7-form-control-wrap{
		width: 100%;
	}
	.wpcf7-form label span{
		margin-left: 0;
	}
	.equired{
		right: 0;
		top: 4px;
	}
	.gender-label{
		font-size: 15px;
		justify-content: flex-start;
	}
	.gender-label-equired{
margin-left: 10px;
	}
	.gender-wrap .wpcf7-form-control-wrap{
		width: 70%;
	}
	.wpcf7-list-item{
		margin-right: 10px!important;
	  }
	  input[type="checkbox"]:checked::before{
		font-size: 16px;
	 }
}

/*--------------------------------
footer
---------------------------------*/

footer{
	padding: 3em 0 7em 0;
background-color: 	#333333;
text-align: center;
}
footer img{
	width: 180px;
}
footer p{
	color: #fff;
	text-align: center;
}
/*スマホ*/
@media (max-width : 580px) {
	footer img{
		width: 120px;
	}
}