@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');

/*-------------------------
共通
-------------------------*/
#errorMes {
	text-align: center;
	margin-bottom: 20px;
	color: #f00;
}

#MSarea {
	text-align: center;
	font-size: 24px;
	margin-top: 120px;
	padding-bottom: 100px;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

.sp_b {
	display: none;
}

.sp_c {
	display: none;
}





/*ヘッダー・ナビゲーション*/
html {
	font-size: 62.5%;
}

body {
	font-size: 1.6rem;
	font-family: "Noto Sans JP", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header {
	position: fixed;
	z-index: 10000;
	background-color: #fff;
	width: 100%;
	height: 90px;

}

.headerContents {
	width: 96%;
	height: 90px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0px auto;
}

h1 a {
	height: 43px;
}

nav {
	width: 60%;
}

nav ul {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

nav ul li {
	height: 25px;
	align-items: center;
	display: inline-flex;
	border-right: 1px solid rgb(221, 221, 221);
	padding: 0px 2%;
}

nav ul li:last-child {
	border-right: none;

}

nav ul li a {
	display: block;
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 1.8rem;

}

.infomation {
	border: 1px solid #099;
	background: url("../images/telIcon.png") no-repeat;
	background-size: 10%;
	background-position: 10px center;
	padding: 15px 15px 15px 45px;
	font-size: 1.4rem;
}

.infomation span {
	font-size: 1.7rem;
	color: #099;

}

/*パンくずリスト*/
.breadcrumbs {
	width: 100%;
	height: 84px;
	line-height: 84px;
	background: #fff;
}

.breadcrumbs ul {
	display: flex;
	max-width: 980px;
	margin: 0 auto;
}

.breadcrumbs ul li {
	padding: 0 1%;
	color: #999;
	font-size: 1.5rem;
}

.breadcrumbs ul li a {
	font-size: 1.5rem;
	color: #00a79b;

}



/*フッター*/

footer {
	background-color: #F0F5F7;

}

footer p {
	text-align: center;
	color: #999;
	font-size: 1.3rem;
	height: 45px;
	line-height: 45px;
}


/*-------------------------
トップページ
-------------------------*/

/*#topPage .topContents{
 width: 100%;
 position: relative;
}*/

#mainvisual {
	width: 100%;
	height: 100vh;
	min-height: 980px;
	max-height: 1080px;
	position: relative;
}






.vegas-timer-progress {
	background: #fff !important;
	transition-timing-function: linear !important;
}

#topPage .topLogoWrapper {
	width: 100%;
	max-width: 980px;
	height: 100vh;
	margin: 0 auto;

}

.topLogo {
	width: 45%;
	max-width: 408px;
	min-width: 350px;
	margin: 45vh auto 0;



}

/*.topLogo p{
 font-size: 1.5rem;
 color: #fff;
 text-align: center;
}*/

.logo {
	margin: 0 auto 45px;
}


.contentsTitle,
.accessTitle,
.contactTitle {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	height: 150px;
}

.contentsTitle h2 {
	width: 33.3%;
	max-width: 326px;
	margin: 130px auto 15px;
	border-bottom: #666 solid 2px;
}

.contentsTitle h2 span {
	display: block;
	width: 87.7%;
	max-width: 286px;
	margin: 0 auto 20px;
}


.companyInfo .index01 {
	position: relative;
}

.companyInfo .index01 .titleBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	width: 17%;
	max-width: 208px
}




.description .index02 {
	position: relative;
}

.description .index02 .titleBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	width: 17%;
	max-width: 181px;
}


.recruitInfo .index03 {
	position: relative;
}


.recruitInfo .index03 .titleBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	width: 17%;
	max-width: 180px;
}


/*.btn:hover{
 filter: brightness(0.5);
 -webkit-filter: brightness(0.5);
 -moz-filter: brightness(0.5);
 -o-filter: brightness(0.5);
 -ms-filter: brightness(0.5);
}*/


.accessTitle h2 {
	width: 25.3%;
	max-width: 248px;
	margin: 130px auto 15px;
	border-bottom: #666 solid 2px;
}

.accessTitle h2 span {
	display: block;
	width: 77.8%;
	max-width: 193px;
	margin: 0 auto 20px;
}

.contactTitle h2 {
	width: 29.8%;
	max-width: 292px;
	margin: 130px auto 15px;
	border-bottom: #666 solid 2px;
}

.contactTitle h2 span {
	display: block;
	width: 87%;
	max-width: 254px;
	margin: 0 auto 20px;
}

.contentsTitle p,
.accessTitle p,
.contactTitle p {
	font-size: 2.2rem;
	color: #666;
	text-align: center;
}

.contactTitle p {
	margin-bottom: 55px;
}

/*グーグルマップ*/

iframe {
	margin-bottom: 30px;
}

.mapInfo {
	width: 28%;
	max-width: 270px;
	margin: 0 auto 60px;
}


.mapInfo .officeName {
	color: #666;
	font-size: 2.9rem;
	margin-bottom: 10px;
	padding-left: 30px;
	background: url("../images/mapIcon.png") no-repeat;
	background-size: contain;
	width: 55%;
	margin: 0 auto 10px;
}

.mapInfo .officeAdd {
	color: #666;
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 25px;
}

.mapBtn a {
	background-color: #999;
	color: #fff;
	width: 220px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}


/*問い合わせフォーム*/

.formArea {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 100px;
}

.formArea p:first-child {
	margin-bottom: 60px;
	font-size: 1.8rem;
	color: #333;
	text-align: center;
}


.formArea .infoText {
	width: 81%;
	max-width: 790px;
	margin: 0 auto 10px;
	text-align: right;
	font-size: 1.8rem;
	color: #333;

}

.formArea form {
	width: 81%;
	max-width: 790px;
	margin: 0 auto;
}

.formArea .item {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.formArea .itemB {
	display: flex;
	align-items: top;
	margin-bottom: 15px;
}

.formArea .item label {
	width: 25.3%;
	max-width: 200px;
	color: #333;
	font-size: 1.8rem;
}

.formArea .itemB label {
	width: 25.3%;
	max-width: 200px;
	color: #333;
	font-size: 1.8rem;
	margin-top: 5px;
}

.formArea span {
	color: #099;
}

.formArea .item input {
	width: 74%;
	max-width: 580px;
	height: 36px;
	border: 1px solid #8e8e8e;
}

.formArea .itemB textarea {
	width: 74%;
	max-width: 580px;
	height: 280px;
	border: 1px solid #8e8e8e;
}

.formArea .checkBoxWrapp {
	box-sizing: border-box;
	width: 100%;
	max-width: 790px;
	border: 1px solid #8e8e8e;
	height: 45px;
	margin-bottom: 30px;
}

.formArea .checkArea {
	width: 74%;
	max-width: 580px;
	transform: translateX(50%);
}

.formArea .checkArea label {
	display: flex;
	align-items: center;
	margin-top: 5px;
}

label.pCheck {
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 20px;
	overflow: hidden;
	display: inline-block;
	box-sizing: border-box;
	height: 30px;
}

label.pCheck a {
	color: #666;
	text-decoration: underline;
}

label.pCheck:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	top: 5px;
	border: 1px solid #333;
	border-radius: 25%;
	z-index: 3;
}

label.pCheck:after {
	content: '';
	position: absolute;
	top: 40%;
	left: 6px;
	display: block;
	margin-top: -8px;
	width: 8px;
	height: 12px;
	border-right: 3px solid #61BCB1;
	border-bottom: 3px solid #61BCB1;
	transform: rotate(45deg);
	/*	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);*/
	z-index: 1;
}

label.pCheck input[type="checkbox"] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	position: absolute;
	left: -40px;
	width: 20px;
	height: 20px;
	display: block;
	box-shadow: 41px 0px #FFF;
	z-index: 2;
	margin: 0px;
	padding: 0px;
}

label.pCheck input[type="checkbox"]:checked {
	box-shadow: none;
}

label.pCheck input[type="checkbox"]:checked:focus {
	box-shadow: 40px 0px #666;
	opacity: 0.1;
}

label.pCheck input[type="checkbox"]:focus {
	box-shadow: 41px 0px #EEE;
}

.btn-area {
	width: 74%;
	max-width: 580px;
	margin: 0 auto;
}

.btn-area button {
	width: 38%;
	max-width: 220px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #61BCB1;
	color: #fff;
	border-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-area button img {
	width: 10%;
	margin-left: 5px;
}

.btn-area button:hover {
	cursor: pointer;
}

/*-------------------------
プライバシーポリシー
-------------------------*/
#privacyPolicy section {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 105px;
	line-height: 1.8;
	color: #333;
}

#privacyPolicy h2 {
	width: 49%;
	margin: 0 auto 70px;
	padding-top: 155px;
}

#privacyPolicy .topText {
	margin-bottom: 70px;
}

#privacyPolicy .textBox h3 {
	font-size: 1.8rem;
	font-weight: 400;
	border-bottom: 1px solid #00A79B;
	padding-bottom: 10px;
	margin-bottom: 12px;
}

#privacyPolicy .textBox {
	margin-bottom: 40px;
}


#privacyPolicy .textBox ol {
	padding-left: 30px;
	margin-top: 35px;
}

#privacyPolicy .textBox ol li {
	list-style-type: decimal;
}


#privacyPolicy .breadcrumbs {
	margin-bottom: 82px;
}


/*-------------------------
企業情報
-------------------------*/

/*ページタイトル*/
#companyInfo .menuList {
	display: flex;
	max-width: 1600px;
	width: 94%;
	margin: 40px auto 0;
}

#companyInfo .menuList li {
	border: 1px solid #979797;
	width: 33.33%;
	text-align: center;
}

#companyInfo .menuList li a {
	width: 100%;
	color: #979797;
	padding: 5px 0;
}

#companyInfo .menuList li a:hover {
	background: #61AAB9;
	color: #fff;
}

#companyInfo .titleBox {
	width: 100%;
	height: 30vw;
	max-height: 330px;
	padding-top: 90px;
	background: url("../images/companyInfoTitleBg.png") no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

#companyInfo .titleBox .innerBox {
	width: 100%;
	height: 100%;
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
}

#companyInfo .titleBox h2 {
	width: 18%;
	margin-bottom: 2vw;
}

/*詳細テーブル*/

#companyInfo .infoTable {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 55px;
}

#companyInfo .infoTable h3 {
	font-size: 50px;
	text-align: center;
	color: #61B9AE;
}

#companyInfo .infoTable table {
	width: 100%;
	margin-top: 50px;
}

#companyInfo .infoTable table th,
#companyInfo .infoTable table td {
	font-size: 1.7rem;
	font-weight: 300;
	color: #333;
	vertical-align: middle;
}

#companyInfo .infoTable table th {
	width: 20%;
	max-width: 205px;
	background-color: #f0f5f7;
	border-top: #bbb solid 1px;
	border-bottom: #bbb solid 1px;
}

#companyInfo .infoTable .h095 {
	height: 95px;
}

#companyInfo .infoTable .h120 {
	height: 120px;
}

#companyInfo .infoTable .h190 {
	height: 190px;
}

#companyInfo .infoTable .h385 {
	height: 385px;
}


#companyInfo .infoTable table td {
	width: 80%;
	max-width: 775px;
	padding-left: 2.5%;
	line-height: 1.8;
	border-top: #bbb solid 1px;
	border-bottom: #bbb solid 1px;
	white-space: nowrap;
}

#companyInfo .infoTable .honsha {
	margin-bottom: 30px;
}

#companyInfo .bottomTextBox {
	width: 100%;
	max-width: 980px;
	border-top: none;
	border-bottom: none;
}


/*-------------------------
事業内容
-------------------------*/

/*ページタイトル*/

#bisDiscription .titleBox {
	width: 100%;
	height: 30vw;
	max-height: 330px;
	padding-top: 90px;
	background: url("../images/bisDiscriptionTitleBg.png") no-repeat;
	background-size: cover;
	background-position: center;

}


#bisDiscription .titleBox .innerBox {
	width: 100%;
	height: 100%;
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
}

#bisDiscription .titleBox h2 {
	width: 18%;
	margin-bottom: 2vw;
}

/*コンテンツ*/

#bisDiscription section {
	margin-bottom: 65px;

}

#bisDiscription section .link {
	background: #61B9AE;
	width: 92%;
	max-width: 292px;
	text-align: center;
	margin: 20px auto;
	position: relative;
}

#bisDiscription section .link:hover {
	opacity: 0.8;
}

#bisDiscription section .link a {
	color: #fff;
	font-size: 20px;
	padding: 10px 0;
}

#bisDiscription section .link a::after {
	content: '';
	position: absolute;
	right: 4%;
	background: url("../images/icon_arrow_r.png") no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;

}

#bisDiscription .textBox {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

#bisDiscription .textBox h3 {
	width: 100%;
	color: #61B9AE;
	font-size: 30px;
	margin: 0 auto 35px;
	text-align: center;
	line-height: 1.4;
}

#bisDiscription .textBox03 h3 {
	text-align: center;
	margin: 0 auto 35px;
}

#bisDiscription .textBox p {
	font-size: 17px;
	color: #333;
	line-height: 1.5;
	margin-bottom: 50px;
	margin-top: 60px;
	text-align: center;
}

.Safety_training {
	background: #EEF3F6;
	padding: 60px 0;
}

.Safety_training div {
	width: 90%;
	margin: 0 auto;
}

.Safety_training div h3 {
	color: #61B9AE;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 38px;
	margin-bottom: 20px;
}

.info_txt {
	font-size: 13px;
	color: #000;
	text-align: right;
	margin-top: 14px;
}

/*アコーディオンエリア仮*/

#bisDiscription .slideArea {
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #F0F5F7;
}


.swiper-button-prev {
	left: 10% !important;
	top: 50% !important;
	right: auto;
}

.swiper-button-next {
	right: 10% !important;
	top: 50% !important;
	left: auto;
}

.swiper-pagination {
	left: 0;
	width: 100%;
}

.swiper-pagination-bullet-active {
	background-color: #099 !important;
}


#bisDiscription .bisDiscriptionImg01 {
	width: 100%;
	height: 595px;
}

#bisDiscription .bottomBox {
	width: 100%;
	max-width: 1340px;
	margin: 0 auto 90px;
}

#bisDiscription .bottomBox ul {
	width: 80%;
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}


#bisDiscription .bottomBox ul .imgBox {
	width: 33.2%;
	max-width: 445px;
}

#bisDiscription .bottomBox ul .gMarc {
	width: 18.7%;
	max-width: 250px;
}

#bisDiscription .bottomBox ul .textArea {
	width: 41.8%;
	max-width: 560px;
	font-size: 1.5rem;
	padding: 25px;
	background-color: #e8e8e8;
	line-height: 1.5;
}

#bisDiscription .bottomBox ul .textArea p {
	font-size: 13px;
	line-height: 1.4;
}

#bisDiscription .bottomBox ul li h4 {
	width: 25%;
	margin-bottom: 10px;
}

#bisDiscription .bottomBox ul li p a {
	display: inline-block;
	color: #333;
}

/*-------------------------
採用情報
-------------------------*/
/*ページタイトル共通*/

#recruitTop .topTitleBox {
	/*padding-top: 90px;
	height: 24vw;
	max-height: 330px;*/
	width: 100%;
	background: url("../images/recruittop_bg.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	aspect-ratio: 5 / 2.5;
	height: 100%;
}

#recruitTop .topTitleBox .innerBox {
	width: 96%;
	height: 100%;
	/*max-width: 980px;*/
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

#recruitTop .topTitleBox .innerBox div h2 {
	font-size: 80px;
	letter-spacing: 16px;
	line-height: 1.5;
	color: #fff;
	text-shadow: 0px 0px 26px rgba(0, 44, 25, 0.55);
	font-weight: 600;
}

#recruitTop .topTitleBox .innerBox p {
	margin-top: 15px;
	letter-spacing: 6px;
	color: #fff;
	font-size: 30px;
	text-shadow: 0px 0px 36px rgba(0, 44, 25, 0.55);
}

@media screen and (max-width: 910px) {
	#recruitTop .topTitleBox .innerBox div h2 {
		font-size: 60px;
		letter-spacing: 16px;
	}

	#recruitTop .topTitleBox .innerBox p {
		font-size: 20px;
	}
}


#recruitTop .titleBox {
	text-shadow: 0px 0px 4px #333;

}

#recruitTop .indexBtn01 {
	position: relative;
}

#recruitTop .indexBtn01 .titleBox {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateX(-43%);
	width: 35%;
	max-width: 353px;
}


#recruitTop .indexBtn02 {
	position: relative;
}

#recruitTop .indexBtn02 .titleBox {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	max-width: 255px;
}


#recruitTop .indexBtn03 {
	position: relative;
}

#recruitTop .indexBtn03 .titleBox {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	max-width: 253px;
}


#recruitTop .indexBtn04 {
	position: relative;
}

#recruitTop .indexBtn04 .titleBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 38%;
	max-width: 282px;
}



#recruitTop .middleBox {
	display: block;
	justify-content: center;
}

#recruitTop .bannerBox {
	position: fixed;
	bottom: 10%;
	right: 5%;
	width: 350px;
}

#recruitTop .bannerBox .bannerinner {
	position: relative;
}

#recruitTop .bannerBox a.link:hover {
	opacity: 0.8;
}

#recruitTop .bannerBox .closeBtn {
	width: 30px;
	position: absolute;
	right: 0px;
	top: 0px;
	transform: translate(50%, -50%);
	border-radius: 23px;
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
}

#recruitTop .bannerBox .closeBtn:hover {
	opacity: 0.8;
}


#recruitTop .indexBtn05 {
	position: relative;

}

#recruitTop .indexBtn05 .imgBox05 {
	/*height: 200px;
	width: 100%;*/
}

#recruitTop .indexBtn05 .titleBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 22%;
	max-width: 191px;
}




/*-------------------------
募集要項
-------------------------*/

#requirements .titleBox {
	padding-top: 90px;
	height: 24vw;
	max-height: 240px;
	width: 100%;
	position: relative;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bad9f4+20,bad9f4+20,99ccff+79 */
	background: #bad9f4;
	/* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #bad9f4 20%, #bad9f4 20%, #99ccff 79%);
	/* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #bad9f4 20%, #bad9f4 20%, #99ccff 79%);
	/* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #bad9f4 20%, #bad9f4 20%, #99ccff 79%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bad9f4', endColorstr='#99ccff', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

#requirements .titleBox h2 {
	position: absolute;
	width: 22%;
	top: 53%;
	left: 50%;
	transform: translate(-50%, 10%);
	max-width: 168px;
}

.tab_wrap {
	width: 100%;
	margin: 80px auto;
}

input[type="radio"] {
	display: none;
}

.tab_area {
	font-size: 0;
	margin: 0 auto;
	text-align: center;
}

.tab_area label {
	box-sizing: border-box;
	width: 50%;
	max-width: 490px;
	display: inline-block;
	border-bottom: 1px solid #099;
	padding: 12px 0;
	background: #fff;
	text-align: center;
	cursor: pointer;
	transition: ease 0.2s opacity;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);

}

.panel_area {
	background: #fff;
}

.tab_panel {
	width: 100%;
	padding: 80px 0;
	display: none;
}


.tab1_label img {
	width: 80%;
	margin: 0 auto;
}

.tab2_label img {
	width: 65%;
	margin: 0 auto;
}

#tab1:checked~.tab_area .tab1_label {
	background: #fff;
	border-top: 1px solid #099;
	border-right: 10px solid #099;
	border-left: 1px solid #099;
	border-bottom: none;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
}



#tab1:checked~.panel_area #panel1 {
	display: block;
}

#tab2:checked~.tab_area .tab2_label {
	background: #fff;
	border-top: 1px solid #099;
	border-right: 10px solid #099;
	border-left: 1px solid #099;
	border-bottom: none;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
}



#tab2:checked~.panel_area #panel2 {
	display: block;
}

.tab_panel ul {
	width: 100%;
}

.tab_panel .oddBg {
	background-color: #f0f5f7;
}

.tab_panel .h120 {
	height: 120px;
}

.tab_panel ul li ul {
	display: flex;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

.tab_panel ul li ul li span {
	display: block;
	background-color: #fff;
	width: 145px;
	border: 1px solid #333;
	font-weight: 300;
	padding: 3px 0;
	text-align: center;
	line-height: 1.8;
}

.tab_panel ul li {
	height: 95px;
	display: flex;
	align-items: center;
}


.tab_panel ul li .pl05 {
	padding-left: 5%;
	width: 80%;
	line-height: 1.8;
}



#requirements .bottomContents {
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;
	background-color: #f0f5f7;
	border-top: 2px solid #099;
	padding-top: 40px;
}

#requirements .bottomContents .bottomContentsInner {
	width: 85.2%;
	max-width: 980px;
	margin: 0 auto;

}

#requirements .bottomContents h3 {
	color: #099;
	font-size: 2.4rem;
	margin-bottom: 60px;
}

#requirements .bottomContents table {
	width: 100%;
}

#requirements .bottomContents table tbody {
	display: block;
}

#requirements .bottomContents table tr {
	display: flex;
	align-items: flex-start;
	height: 140px;

}

#requirements .bottomContents table th span {
	display: block;
	background-color: #fff;
	width: 145px;
	border: 1px solid #333;
	font-weight: 300;
	padding: 3px 0;
	text-align: center;
	line-height: 1.8;
	margin-top: 5px;
}



#requirements .bottomContents table td {
	padding-left: 5%;
	line-height: 1.8;
	width: 95%;
	font-size: 1.8rem;
}


#requirements .bottomContents .emailAdd {
	background: url("../images/mailIcon.png") no-repeat;
	background-size: 8%;
	background-position: left center;
	padding-left: 5%;
}

#requirements .bottomContents .telNo {
	display: block;
	background: url("../images/telIcon.png") no-repeat;
	padding-left: 5%;
	background-size: 2.5%;
	background-position: left 1% top 4px;
}

#requirements .bottomContents .person {
	display: block;
	margin-top: -30px;
}

#requirements .checkBoxWrapp {
	background-color: #fff;
}

#requirements .btn-area {
	padding-bottom: 50px;
}


/*-------------------------
インタビュー
-------------------------*/

/*ページタイトル 共通*/

.interview .topTitleBox {
	padding-top: 90px;
	height: 24vw;
	max-height: 240px;
	width: 100%;
	position: relative;
	background: url("../images/interviewTitleBg.png") no-repeat;
	background-size: cover;
	background-position: center center;
}

.interview .topTitleBox h2 {
	position: absolute;
	width: 18%;
	max-width: 275px;
	top: 53%;
	left: 50%;
	transform: translate(-50%, 10%);
}

#interviewTop .indexBox ul li {
	position: relative;
	width: 25%;
}

#interviewTop .indexBox ul li a {
	display: block;
	width: 100%;
}

#interviewTop .indexBox ul li .nameBox {
	position: absolute;
	top: 25vw;
	left: 0;
	color: #fff;
	opacity: 0;
}

#interviewTop .indexBox ul li .nameBox p {
	padding-left: 25px;
}

#interviewTop .indexBox ul li .nameBox p:first-child {
	width: 150px;
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	font-size: 2.5rem;
}

#interviewTop .indexBox ul li .nameBox p:last-child {
	padding-top: 5px;
	font-size: 3.0rem;

}

/*.topContents .copyBox {
	width: 500px;
	line-height: 1.5;
	font-size: 2.5rem;
	position: absolute;
	top: 580px;
	left: 60%;
}

.topContents .nameBox {
	width: 350px;
	position: absolute;
	top: 870px;
	left: 60%;
}*/

.topContents .copyBox {
	max-width: 535px;
	width: 50%;
	line-height: 1.5;
	font-size: 2.5rem;
	position: absolute;
	top: 29%;
	left: 52%;
}

#interviewAbe {
	background: #FFFCF0;
}

#interviewAbe .topContents .copyBox {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}

#interviewAbe .topContents .copyText {
	font-size: 23px;
	margin-top: 25px;
	font-weight: 500;
}

#interviewAbe .topContents .copyBox h2 {
	color: #61B9AE;
}

@media screen and (max-width: 960px) {
	.topContents .copyBox {
		width: 45%;
	}

	#interviewAbe .topContents .copyBox h2 {
		font-size: 30px;
	}

	#interviewAbe .topContents .copyText {
		font-size: 20px;
	}
}

#interviewAbe .interviewBox {
	display: flex;
	border: solid 17px #61B9AE;
	border-radius: 50px;
	background: #fff;
	padding: 40px 60px;
	gap: 0px 55px;
	margin-top: 90px;
}

#interviewAbe .interviewBox .Lbox {
	width: 50%;
}

#interviewAbe .interviewBox .Rbox {
	width: 50%;
}

#interviewAbe .interviewBox h3 {
	display: flex;
	padding: 10px 15px 15px;
	align-items: center;
	gap: 10px;
	border-radius: 10px 10px 80px 10px;
	background: #61B9AE;
	color: #fff;
	font-size: 23px;
	line-height: 1.5;
}

#interviewAbe .interviewBox h3 span {
	font-size: 35px;
	border-right: 1px solid #fff;
	padding-right: 14px;
}

#interviewAbe .interviewBox .txtBox {
	position: relative;
}

#interviewAbe .interviewBox .com_txt {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.8;
	margin-top: 35px;
}

#interviewAbe .interviewBox .bg_txt {
	color: rgba(97, 185, 174, 0.20);
	font-size: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: bold;
}

#interviewAbe .historyBox {
	margin-bottom: 90px;
	margin-top: 90px;
}

#interviewAbe .historyInner {
	display: flex;
	justify-content: center;
	align-items: center;
}

#interviewAbe .historyInner .imgBox {
	width: 250px;
	margin-right: 100px;
}

#interviewAbe .historyInner .txtBox p {
	color: #fff;
	margin-bottom: 15px;
	line-height: 1.5;
}

#interviewAbe .historyInner .txtBox p.t1,
#interviewAbe .historyInner .txtBox p.t3 {
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
}

#interviewAbe .historyInner .txtBox p.t2 {
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
}

#interviewAbe .historyInner .txtBox p.t4 {
	font-size: 18px;
	font-style: normal;
	font-weight: 250;
}

.topContents .nameBox {
	width: 350px;
	position: absolute;
	left: 52%;
	bottom: 10%;
}

.topContents .nameBox .position {
	font-size: 2.5rem;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #61BCB1;

}

.topContents .nameBox .name {
	font-size: 3.0rem;
}

.historyBox {
	background-color: #61BCB1;
	padding: 30px 0;
	margin-bottom: 142px;
}

.historyBox table {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

.historyBox table tr {
	height: 60px;
	border-bottom: 1px solid #fff;
}

.historyBox table tr:last-child {
	border-bottom: none;
}

.historyBox table tr th {
	width: 18%;
	text-align: right;
}

.historyBox table tr td {
	padding-left: 8%;
}

.historyBox table tr th,
.historyBox table tr td {
	color: #fff;
	font-size: 1.8rem;
	vertical-align: middle;
}

.questionBox {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 110px;
}

.questionBox .questionTitle {
	color: #000;
	font-size: 2.2rem;
	display: flex;
	align-items: center;
	margin-bottom: 40px;

}

.questionBox .questionTitle span {
	color: #61BCB1;
	font-size: 2.6rem;
	padding-right: 5px;

}

.questionBox .questionTextB {
	font-size: 2.6rem;
	font-weight: 300;
	margin-bottom: 35px;
	line-height: 1.5;
}

.questionBox .questionText {
	font-size: 1.8rem;
	line-height: 1.5;
}

.secondContents,
.thirdContents,
.bottomContents {
	margin-bottom: 142px;
}

.bottomTextBox {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	border-top: 1px dashed #61BCB1;
	border-bottom: 1px dashed #61BCB1;
	padding: 50px 0;
}

.bottomTextBox dl {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	display: flex;
}

.bottomTextBox dl dt {
	width: 17%;
	text-align: right;
	color: #61BCB1;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8;
}

.bottomTextBox dl dd {
	padding-left: 4%;
	font-size: 1.8rem;
	line-height: 1.8;
}



/*インタビュートップ*/

#interviewTop .indexBox {
	margin-bottom: 150px;
}

#interviewTop .indexBox ul {
	width: 100%;
	display: flex;
}

#interviewTop .indexBox ul li {}

/*インタビュー 山﨑昭仁*/

#interviewA .secondContents .questionBox .questionTitle {
	display: inline-flex;
	padding: 10px 25px;
	border: 1px solid #999;
}

#interviewA .thirdContents .questionBox .questionTitle {
	display: inline-flex;
	padding: 10px 25px;
	border: 1px solid #999;
}

#interviewA .bottomContents .questionBox .questionTitle {
	display: inline-flex;
	padding: 10px 25px;
	border: 1px solid #999;
}

/*インタビュー 千里久盛二*/

#interviewB .secondContents .questionBox .questionTitle {
	width: 250px;
	padding: 10px 25px;
	border: 1px solid #999;
}

#interviewB .thirdContents .questionBox .questionTitle {
	width: 180px;
	padding: 10px 25px;
	border: 1px solid #999;
}

#interviewB .bottomContents .questionBox .questionTitle {
	width: 360px;
	padding: 10px 25px;
	border: 1px solid #999;
}

/*インタビュー 村上真也*/

#interviewC .secondContents .questionBox .questionTitle {
	display: inline-flex;
	padding: 10px 25px;
	border: 1px solid #999;
}

#interviewC .thirdContents .questionBox .questionTitle {
	display: inline-flex;
	padding: 10px 25px;
	border: 1px solid #999;
}

#interviewC .bottomContents .questionBox .questionTitle {
	display: inline-flex;
	padding: 10px 25px;
	border: 1px solid #999;
}


#interviewC .topContents .copyBox,
#interviewC .topContents .nameBox {
	color: #fff;
}

#interviewC .bottomTextBox dl dt {
	width: 15%;
	color: #099;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8;
	white-space: nowrap;
}

#interviewC .bottomTextBox dl dd {
	padding-left: 1%;
	font-size: 1.8rem;
	line-height: 1.8;
	white-space: nowrap;
}

/*インタビュー 阿部和巳*/

#interviewD .secondContents .questionBox .questionTitle {
	width: 250px;
	padding: 10px 25px;
	border: 1px solid #999;
}

#interviewD .thirdContents .questionBox .questionTitle {
	width: 290px;
	padding: 10px 25px;
	border: 1px solid #999;
}

#interviewD .bottomContents .questionBox .questionTitle {
	width: 360px;
	padding: 10px 25px;
	border: 1px solid #999;
}

/*インタビュー*/
#interviewAbe .topContents {
	background: url("../images/interview_abe1.png") no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	aspect-ratio: 5 / 2.5;
	position: relative;
}

#interviewA .topContents {
	background: url("../images/interviewA01.png") no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	aspect-ratio: 5 / 2.5;
	position: relative;
}

#interviewC .topContents {
	background: url("../images/interviewC01.png") no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	aspect-ratio: 5 / 2.5;
	position: relative;
}

#interviewG .topContents {
	background: url("../images/interviewG01.png") no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	aspect-ratio: 5 / 2.5;
	position: relative;
}

#interviewF .topContents {
	background: url("../images/interviewF01.png") no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	aspect-ratio: 5 / 2.5;
	position: relative;
}

#interviewE .secondContents .questionBox .questionTitle,
#interviewF .secondContents .questionBox .questionTitle,
#interviewG .secondContents .questionBox .questionTitle {
	display: inline-flex;
	padding: 10px 25px;
	border: 1px solid #999;
}

#interviewE .thirdContents .questionBox .questionTitle,
#interviewF .thirdContents .questionBox .questionTitle,
#interviewG .thirdContents .questionBox .questionTitle {
	display: inline-flex;
	padding: 10px 25px;
	border: 1px solid #999;
}

#interviewE .bottomContents .questionBox .questionTitle,
#interviewF .bottomContents .questionBox .questionTitle,
#interviewG .bottomContents .questionBox .questionTitle {
	display: inline-flex;
	padding: 10px 25px;
	border: 1px solid #999;
}


#interviewE .bottomTextBox dl dt,
#interviewF .bottomTextBox dl dt,
#interviewG .bottomTextBox dl dt {
	width: 16%;
	color: #099;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8;
	white-space: nowrap;
}

#interviewE .bottomTextBox dl dd,
#interviewF .bottomTextBox dl dd,
#interviewG .bottomTextBox dl dd {
	padding-left: 3%;
	font-size: 1.8rem;
	line-height: 1.8;
}

#interviewG .thirdContents .infoTxt {
	font-size: 12px;
	text-align: right;
	margin: 10px 3% 0 0;
}

/*-------------------------
ブランドストーリー
-------------------------*/

#brand .topTitleBox {
	padding-top: 90px;
	height: 24vw;
	max-height: 240px;
	width: 100%;
	position: relative;
	background: url("../images/interviewTitleBg.png") no-repeat;
	background-size: cover;
	background-position: center center;
}

#brand .topTitleBox h2 {
	position: absolute;
	width: 300px;
	top: 58%;
	left: 50%;
	transform: translate(-50%, 10%);
}


#brand .brandContents {
	position: relative;
	margin-bottom: 3vw;
}


#brand .brandContents .textBox h3 {
	font-size: 3.2rem;
	margin-bottom: 65px;
	font-weight: 300;
	line-height: 1.5;
}

#brand .brandContents .textBox .copyBox {
	font-size: 1.7rem;
	line-height: 1.8;
	margin-bottom: 37px;
}

#brand .brandContents .textBox .copyBoxB {
	font-size: 1.3rem;
	line-height: 1.5;
	border: solid 1px #c3c3c3;
	background-color: rgba(255, 255, 255, 0.3);
	padding: 10px 8px;
}


#brand .brandContents01 .textBox {
	position: absolute;
	top: 25vw;
	left: 55%;
	width: 45%;
	max-width: 670px;
}

#brand .brandContents01 .textBox .copyBoxB {
	width: 70%;
	max-width: 470px;
}



#brand .brandContents02 .textBox {
	position: absolute;
	top: 16vw;
	left: 50%;
	width: 45%;
	max-width: 670px;
}

#brand .brandContents02 .textBox .copyBoxB {
	width: 70%;
	max-width: 500px;
}





#brand .brandContents03 .textBox {
	position: absolute;
	top: 10vw;
	left: 22%;
	width: 95%;
	max-width: 1300px;
	display: flex;
	justify-content: space-between;
}

#brand .brandContents03 .textBox h3 {
	width: 330px;
}

#brand .brandContents03 .textBox .copyBox {
	width: 700px;
}

#brand .brandContents03 .textBox .copyBoxB {
	width: 520px;
}



#brand .brandContents04 .textBox {
	position: absolute;
	top: 20vw;
	left: 15%;
	width: 650px;
}

#brand .brandContents04 .textBox .copyBoxB {
	width: 580px;
}



#brand .brandContents05 .textBox {
	position: absolute;
	top: 15vw;
	left: 50%;
	width: 650px;
}


#brand .brandContents05 .textBox .copyBoxB {
	width: 560px;
}


/*パララックス*/

.saB {
	opacity: 0;
	transition: all 1.0s ease;
}


.saB.showA {
	opacity: 1;
	transform: none;
	transition-delay: 1.0s;
}

.saB.showB {
	opacity: 1;
	transform: none;
	transition-delay: 1.5s;
}

.saB.showC {
	opacity: 1;
	transform: none;
}






/*-------------------------
アンケート
-------------------------*/

/*パララックス*/
.sa {
	opacity: 0;
	transition: all 0.5s ease;
}

.sa.show {
	opacity: 1;
	transform: none;
}

.sa.show2 {
	opacity: 1;
	transform: none;
	transition-delay: 0.5s;
}




.saB {
	opacity: 0;
	transition: all 1.0s ease;
}


.saB.show1 {
	opacity: 1;
	transform: none;
	transition-delay: 1.0s;
}

.saB.show2 {
	opacity: 1;
	transform: none;
	transition-delay: 1.5s;
}

.saB.show3 {
	opacity: 1;
	transform: none;
	transition-delay: 0.5s;
}


.sa--lr {
	transform: translate(-100px, 0);
}

.sa--rl {
	transform: translate(100px, 0);
}

.sa--scaleUp {
	transform: scale(0.3);
}


.sa--scaleUpB {
	transform: scale(1.0);
}







#questionnaire .topTitleBox {
	padding-top: 90px;
	height: 24vw;
	max-height: 240px;
	width: 100%;
	position: relative;
	background: url("../images/interviewTitleBg.png") no-repeat;
	background-size: cover;
	background-position: center center;
}

#questionnaire .topTitleBox h2 {
	position: absolute;
	width: 300px;
	top: 58%;
	left: 50%;
	transform: translate(-50%, 10%);
}


#questionnaire .container {
	margin-bottom: 350px;
}

#questionnaire .contents {
	width: 95%;
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}


#questionnaire .contents .rightBox span,
#questionnaire .contents .leftBox span {
	color: #099;
	font-size: 2.8rem;
}


#questionnaire .contents .rightBox {
	width: 76%;
}

#questionnaire .contents .qText {
	margin-left: 16%;
	margin-bottom: 2vw;
	font-size: 2.2rem;
}

#questionnaire .contents .leftBox {
	position: relative;
	width: 23%;
}

#questionnaire .contents .aText {
	font-size: 2.8rem;
	position: absolute;
	top: 50%;
	left: 125%;
	background-color: #fff;
	border: 3px solid #9cc;
	border-radius: 50px 50px;
	width: 460px;
	padding: 10px 0;
	text-align: center;
	z-index: 1000;
}


#questionnaire .container ul li {
	padding: 3vw 0;
}

#questionnaire .container ul li:nth-child(odd) {
	background-color: #F0F5F7;

}

#questionnaire .contents .etcBox {
	max-width: 210px;
	margin-top: 4vw;
}

#questionnaire .contents .etcBoxTitle {
	color: #099;
}

#questionnaire .contents01 .eBoxImg {
	position: relative;
	z-index: 300;
	width: 41%;
	max-width: 90px;
	margin: 0 auto 2vw;
}

#questionnaire .contents02 .eBoxImg {
	width: 90%;
	max-width: 200px;
	margin: 0 auto 2vw;
}

#questionnaire .contents03 .eBoxImg {
	width: 60%;
	max-width: 125px;
	margin: 0 auto 2vw;
}

#questionnaire .contents04 .eBoxImg {
	width: 90%;
	max-width: 200px;
	margin: 0 auto 2vw;
}

#questionnaire .contents05 .eBoxImg {
	width: 80%;
	max-width: 170px;
	margin: 0 auto 2vw;
}

#questionnaire .contents06 .eBoxImg {
	width: 60%;
	max-width: 125px;
	margin: 0 auto 2vw;
}

#questionnaire .contents07 .eBoxImg {
	width: 55%;
	max-width: 120px;
	margin: 0 auto 2vw;
}

#questionnaire .contents08 .eBoxImg {
	width: 55%;
	max-width: 120px;
	margin: 0 auto 2vw;
}

#questionnaire .contents09 .eBoxImg {
	width: 60%;
	max-width: 125px;
	margin: 0 auto 2vw;
}

#questionnaire .contents .etcTextBox {
	box-sizing: content-box;
	width: 90%;
	max-width: 160px;
	margin: 0 auto;
	font-size: 1.3rem;
	padding: 20px 10%;
	background-color: #fff;
}



#questionnaire .contents .etcTextBoxG {
	box-sizing: content-box;
	width: 90%;
	max-width: 160px;
	margin: 0 auto;
	font-size: 1.3rem;
	padding: 20px 10%;
	background-color: #F0F5F7;
}

#questionnaire .contents .etcTextBox p,
#questionnaire .contents .etcTextBoxG p {
	margin-bottom: 20px;
	line-height: 1.5;
}

/*-------------------------
スケジュール
-------------------------*/

#schedule .topTitleBox {
	padding-top: 90px;
	height: 24vw;
	max-height: 240px;
	width: 100%;
	position: relative;
	background: url("../images/interviewTitleBg.png") no-repeat;
	background-size: cover;
	background-position: center center;
}

#schedule .topTitleBox h2 {
	position: absolute;
	width: 300px;
	top: 58%;
	left: 50%;
	transform: translate(-50%, 10%);
}



#schedule .container {
	position: relative;
	width: 100%;
}


#schedule .lineBox {
	width: 3px;
	height: 385px;
	background-color: #9cc;
	position: absolute;
	top: 32px;
	right: 50%;
	z-index: 200;
}

#schedule .lineBoxB {
	width: 3px;
	height: 295px;
	background-color: #9cc;
	position: absolute;
	top: 32px;
	right: 50%;
	z-index: 200;
}

#schedule .moveIcon {
	width: 74px;
	position: fixed;
	z-index: 10000;
	right: 69%;
	top: 670px;
}


.fixed {
	position: absolute !important;
	top: 4800px !important;
	right: 69% !important;


}



#schedule .contents {
	position: relative;
	display: flex;

}

#schedule .leftContents01,
#schedule .rightContents01,
#schedule .rightContents04,
#schedule .rightContents07,
#schedule .rightContents08 {
	width: 50%;
	height: 367px;
	margin-bottom: 46px;
}

#schedule .leftContents02,
#schedule .rightContents02,
#schedule .rightContents03,
#schedule .rightContents05,
#schedule .rightContents06 {
	width: 50%;
	height: 780px;
	margin-bottom: 46px;

}

#schedule .leftBox {
	background-color: #F0F5F7;
	height: 367px;
	margin-bottom: 46px;
}

#schedule .contents .timeBox {
	position: absolute;
	top: 40px;
	right: 68.5%;
	z-index: 500;
}



#schedule .contents .timeBox p,
#schedule .contents .timeBox .timeBoxB {
	border: 2px solid #9cc;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #099;
	font-size: 1.6rem;
	background-color: #fff;
}

#schedule .contents .timeBoxB {
	position: absolute;
	top: 450px;
	right: 68.5%;
	border: 2px solid #9cc;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #099;
	font-size: 1.6rem;
	background-color: #fff;
	z-index: 500;
}

#schedule .contents .textArea {
	width: 30%;
	margin-left: auto;
	padding: 40px 25px;

}

#schedule .contents .titleBox {
	color: #666;
	font-size: 3.0rem;
	margin-bottom: 30px;
}

#schedule .contents .textBox {
	height: 230px;
	color: #666;
	font-size: 1.5rem;
	line-height: 1.2;
}

#schedule .contents .textArea01 .textBox {
	background: url("../images/scheduleIllust01.png") no-repeat;
	background-size: 90%;
	background-position: bottom;
}

#schedule .contents .textArea02 .textBox {
	background: url("../images/scheduleIllust02.png") no-repeat;
	background-size: 100%;
	background-position: bottom;
}

#schedule .contents .textArea03 .textBox {
	background: url("../images/scheduleIllust03.png") no-repeat;
	background-size: 100%;
	background-position: bottom;
}

#schedule .contents .textArea04 .textBox {
	background: url("../images/scheduleIllust04.png") no-repeat;
	background-size: 100%;
	background-position: bottom;
}

#schedule .contents .textArea05 .textBox {
	background: url("../images/scheduleIllust05.png") no-repeat;
	background-size: 100%;
	background-position: bottom;
}

#schedule .contents .textArea06 .textBox {
	background: url("../images/scheduleIllust06.png") no-repeat;
	background-size: 100%;
	background-position: bottom;
}

#schedule .contents .textArea07 .textBox {
	background: url("../images/scheduleIllust07.png") no-repeat;
	background-size: 100%;
	background-position: bottom;
}

#schedule .contents .textArea08 .textBox {
	background: url("../images/scheduleIllust08.png") no-repeat;
	background-size: 100%;
	background-position: bottom;
}

#schedule .contents .textArea09 .textBox {
	background: url("../images/scheduleIllust09.png") no-repeat;
	background-size: 100%;
	background-position: bottom;
}

#schedule .contents .textArea10 .textBox {
	background: url("../images/scheduleIllust10.png") no-repeat;
	background-size: 100%;
	background-position: bottom;
}

#schedule .contents .textArea11 .textBox {
	background: url("../images/scheduleIllust11.png") no-repeat;
	background-size: 100%;
	background-position: bottom;
}

#schedule .contents .textArea12 .textBox {
	background: url("../images/scheduleIllust12.png") no-repeat;
	background-size: 80%;
	background-position: bottom;
}


#schedule .rightContents01 {
	background: url("../images/schedule01.png") no-repeat;
	background-size: cover;
}

#schedule .rightContents02 {
	background: url("../images/schedule02.png") no-repeat;
	background-size: cover;
}

#schedule .rightContents03 {
	background: url("../images/schedule03.png") no-repeat;
	background-size: cover;
}

#schedule .rightContents04 {
	background-color: #E4F7F2;
	display: flex;
	justify-content: center;
	align-items: center;
}

#schedule .rightContents04 p {
	width: 195px;
}


#schedule .rightContents05 {
	background: url("../images/schedule05.png") no-repeat;
	background-size: cover;
}

#schedule .rightContents06 {
	background: url("../images/schedule06.png") no-repeat;
	background-size: cover;
}

#schedule .rightContents07 {
	background: url("../images/schedule07.png") no-repeat;
	background-size: cover;
}

#schedule .rightContents08 {
	background: url("../images/schedule08.png") no-repeat;
	background-size: cover;
	margin-bottom: 0;
}

#schedule .lastContents {
	/*margin-bottom:50px;*/
}


#schedule .bottomTextArea {
	padding-top: 40px;
	width: 68%;
	max-width: 975px;
	margin: 0 auto 135px;
}





/*-------------------------
ご挨拶 / 企業理念
-------------------------*/
#greetingsElm .titleBox {
	width: 100%;
	height: 30vw;
	max-height: 330px;
	padding-top: 90px;
	background: url("../images/companyInfoTitleBg.png") no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

#greetingsElm .titleBox .innerBox {
	width: 100%;
	height: 100%;
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

#greetingsElm .titleBox h2 {
	color: #fff;
	font-weight: normal;
	font-size: 41px;
}

#greetingsElm .menuList {
	display: flex;
	max-width: 1600px;
	width: 100%;
	margin: 40px auto 0;
}

#greetingsElm .menuList li {
	border: 1px solid #979797;
	width: 33.33%;
	text-align: center;
}

#greetingsElm .menuList li a {
	width: 100%;
	color: #979797;
	padding: 5px 0;
}

#greetingsElm .menuList li a:hover {
	background: #61AAB9;
	color: #fff;
}

#greetingsBox {
	max-width: 1600px;
	width: 100%;
	margin: 150px auto 0;
}

#greetingsBox h3 {
	font-size: 50px;
	text-align: center;
	color: #61B9AE;
}

#greetingsBox .cBox {
	margin-top: 70px;
	display: flex;
	justify-content: center;
	align-items: start;
}

#greetingsBox .cBox .lBox {
	width: 38%;
	margin-right: 2%;
}

#greetingsBox .cBox .lBox .post_t {
	font-size: 21px;
	margin-top: 24px;
}

#greetingsBox .cBox .lBox .name_t {
	font-size: 36px;
	margin-top: 8px;
}

#greetingsBox .cBox .rBox {
	width: 54%;
}

#greetingsBox .cBox .rBox p {
	font-size: 25px;
	margin-top: 30px;
	line-height: 1.5;
}

#greetingsBox .cBox .rBox p:first-child {
	margin-top: 0px;
}

.philosophyBox,
.conductBox {
	margin-top: 140px;
}

.conductBox {
	margin-bottom: 180px;
}

.philosophyBox h3,
.conductBox h3,
#infoTable {
	font-size: 50px;
	text-align: center;
	color: #61B9AE;
}

#infoTable {
	margin-bottom: 40px;
}

.philosophyBox .txtBox,
.conductBox .txtBox {
	margin-top: 40px;
}

.philosophyBox p,
.conductBox p {
	font-size: 30px;
	line-height: 2;
	text-align: center;
}

/*-------------------------
保有車両
-------------------------*/
#vehicleElm .topTitleBox {
	padding-top: 90px;
	height: 24vw;
	max-height: 240px;
	width: 100%;
	position: relative;
	background: url(../images/truck_bg.png) no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
	justify-content: center;
}

#vehicleElm .topTitleBox h2 {
	font-size: 41px;
	color: #fff;
	font-weight: 600;
}

#vehicleElm .txt {
	font-size: 18px;
	line-height: 1.5;
}

#vehicleElm .contents {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 160px;
}

#vehicleElm .list_btn {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 1%;
	margin-top: 45px;
}

#vehicleElm .list_btn li {
	width: 32.33%;
	border-radius: 40px;
	text-align: center;
	border: 0.5px solid #000;
}

#vehicleElm .list_btn li a {
	color: #000;
	padding: 10px 0;
}

#vehicleElm .list_btn li:hover {
	border: 1px solid #61B9AE;
	background: #F1FFFD;
}

#vehicleElm .list_btn li:hover a {
	color: #61B9AE;
}

#vehicleElm .list_btn li.active {
	background: #61B9AE;
	border: 0.5px solid #61B9AE;
}

#vehicleElm .list_btn li.active a {
	color: #fff;
}

#vehicleElm .truckBox h3 {
	color: #61B9AE;
	font-size: 35px;
	font-weight: 500;
	line-height: 32px;
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #61B9AE;
	margin-top: 72px;
}

#vehicleElm .truckBox p.explanation {
	width: 96%;
	font-size: 18px;
	line-height: 1.5;
	margin: 10px auto 0;
}

#vehicleElm .truckBox ul {
	width: 96%;
	margin: 20px auto 0;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	gap: 15px 1%;
}

#vehicleElm .truckBox ul li {
	border-radius: 10px;
	border: 1px solid #61B9AE;
	max-width: 218px;
	width: 23%;
	height: 220px;
}

#vehicleElm .truckBox ul li h4 {
	color: #61B9AE;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	border-bottom: 1px solid #61B9AE;
	width: 92%;
	margin: 0 auto;
	height: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#vehicleElm .truckBox ul li div {
	height: 70%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

#vehicleElm .truckBox ul li.box1 div p,
#vehicleElm .truckBox ul li.box2 div p,
#vehicleElm .truckBox ul li.box3 div p {
	color: #61B9AE;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	text-align: center;

}

#vehicleElm .truckBox ul li.box4 div {
	height: auto;
	padding-top: 10px;
}

#vehicleElm .truckBox ul li.box4 div p {
	width: 74%;
	font-size: 16px;
	color: #61B9AE;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 auto;
	line-height: 1.5;
}

#vehicleElm .truckBox ul li.box1 div p span {
	font-size: 30px;
}

#vehicleElm .truckBox ul li.box2 div p span {
	font-size: 16px;
	display: block;
	margin-top: 7px;
	font-weight: 600;
}

#vehicleElm .truckBox .second_box {
	margin-top: 50px;
}

#vehicleElm .truckBox .category {
	font-size: 26px;
	border-radius: 5px;
	background: #61B9AE;
	padding: 10px 20px;
	color: #fff;
	margin-top: 25px;
	display: inline-block;
	margin-left: 2%;
}