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

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


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

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}


	#MSarea {
		margin-top: 0;
		padding-bottom: 0;
	}



	.headerContents_sp {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15px 7%;
		background-color: #fff;
		-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
		-ms-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
	}



	header {
		background: none;
		top: 0px;
	}

	h1 {
		width: 35.3%;
		min-width: 150px;
	}

	.menu-trigger {
		display: inline-block;
		position: relative;
		width: 36px;
		height: 28px;
		vertical-align: middle;
		cursor: pointer;
		z-index: 100000;
	}

	.menu-trigger span {
		display: inline-block;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #00A498;
		transition: all .5s .2s;
	}

	.menu-trigger.active span {
		background-color: #00A498;
		z-index: 200000;
	}

	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}

	.menu-trigger.active span:nth-of-type(1) {
		transform: translateY(12px) rotate(-45deg);
	}

	.menu-trigger span:nth-of-type(2) {
		top: 12px;
	}

	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}

	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}

	.menu-trigger.active span:nth-of-type(3) {
		transform: translateY(-12px) rotate(45deg);
	}


	.navInner_sp {
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.9);
		position: fixed;
		z-index: 5000;
		display: none;
		top: 0;
		left: 0;
	}

	nav {
		width: 100%;
	}

	nav ul {
		width: 100%;
		margin: 70px auto 30px;
		display: block;

	}


	nav ul li {
		width: 100%;
		height: 90px;
		line-height: 90px;
		border-right: none;
		border-bottom: 1px solid #ddd;
		padding-left: 6.5%
	}

	nav ul li a {
		text-align: left;
		width: 100%;
		font-size: 3.0rem;
	}


	.infomation {
		width: 87%;
		margin: 0 auto;
		padding: 20px 0;
		font-size: 2.8rem;
		text-align: center;
		background-size: 7%;
		background-position: 15% center;

	}

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

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



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


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

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

	.accessTitle h2 {
		width: 40%;
		margin: 80px auto 15px;
		border-bottom: #666 solid 2px;
	}

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

	.contactTitle h2 {
		width: 36%;
		max-width: 500px;
		margin: 80px auto 15px;
		border-bottom: #666 solid 2px;
	}

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

	.mapInfo {
		width: 50%;
		max-width: 500px;
		min-width: 280px;
		margin: 0 auto 60px;
	}

	#topPage footer {
		margin-top: 30px;
	}

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

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

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


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

	.formArea p:first-child {
		margin-bottom: 60px;
		font-size: 2.3rem;
		line-height: 1.5;
		color: #333;
		text-align: left;
		width: 81%;
		margin: 0 auto 65px;
	}


	.formArea .infoText {
		margin: 0 auto 10px;
		text-align: right;
		font-size: 2.3rem;
		color: #333;

	}


	.formArea .item {
		display: block;
		margin-bottom: 15px;
	}

	.formArea .itemB {
		display: block;
		margin-bottom: 15px;
	}

	.formArea .item label {
		width: 100%;
		max-width: 650px;
		color: #333;
		font-size: 2.3rem;
		margin-bottom: 10px;
	}

	.formArea .itemB label {
		width: 100%;
		max-width: 650px;
		color: #333;
		font-size: 2.3rem;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.formArea .item input {
		width: 100%;
		max-width: 650px;
		height: 45px;
		border: 1px solid #8e8e8e;
	}

	.formArea .itemB textarea {
		width: 100%;
		max-width: 650px;
		height: 210px;
		border: 1px solid #8e8e8e;
	}

	.formArea .checkArea {
		transform: translateX(20%);
	}

	label.pCheck,
	label.pCheck a {
		font-size: 2.3rem;
	}

	.btn-area {
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}

	.btn-area button {
		width: 40%;
		max-width: 300px;
		margin: 0 auto;
		padding: 20px 0;
		font-size: 2.3rem;
		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;
	}


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

	#bisDiscription .titleBox {
		width: 100%;
		height: auto;
		padding-top: 70px;
		background: none;
		position: static;
	}



	#bisDiscription .titleBox .innerBox {
		width: 100%;
		height: 100%;
		max-width: 768px;
		margin: 0 auto;
	}

	#bisDiscription .titleBox h2 {
		width: 100%;
		margin-bottom: 60px;

	}


	#bisDiscription section {
		margin-bottom: 80px;
	}

	#bisDiscription .textBox {
		width: 87%;
		margin: 0 auto;
	}


	#bisDiscription .textBox p {
		font-size: 2.2rem;
		line-height: 1.4;
	}

	#bisDiscription .textBox h3 {
		width: 100%;
		text-align: left;
		font-size: 26px;
	}

	#bisDiscription .textBox h3 img {
		width: 85%;
		margin: 0 auto;
	}

	#bisDiscription section .link {
		max-width: 100%;
	}

	.Safety_training div h3 {
		font-size: 21px;
		line-height: 1.5;
	}

	.Safety_training {
		padding: 30px 0;
	}

	.info_txt {
		font-size: 10px;
	}


	#bisDiscription .bottomBox {
		width: 87%;
		margin: 0 auto 40px;
	}

	#bisDiscription .bottomBox ul {
		display: block;
	}

	#bisDiscription .bottomBox ul .imgBox {
		width: 100%;
		max-width: 650px;
		margin: 0 auto 45px;
	}

	#bisDiscription .bottomBox ul .gMarc {
		width: 49.2%;
		max-width: 320px;
		margin: 0 auto 45px;
	}


	#bisDiscription .bottomBox ul .textArea {
		width: 94%;
		max-width: 610px;
		margin: 0 auto;
		font-size: 2.3rem;
		padding: 40px 3%;
		background-color: #F0F5F7;
		line-height: 2.0;
	}

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

	#bisDiscription .bottomBox ul li p a {
		color: #333;
		white-space: normal;
		font-size: 13px;
	}

	#bisDiscription .bottomBox ul {
		width: 100%;
	}


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

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


	#bisDiscription .bisDiscriptionImg01 {
		width: 100%;
		height: auto;

	}


	/*詳細テーブル*/



	#companyInfo .titleBox {
		width: 100%;
		height: auto;
		padding-top: 70px;
		background: none;
		position: static;
	}

	#companyInfo .titleBox .innerBox {
		width: 100%;
		height: 100%;
		max-width: 768px;
		margin: 0 auto;
	}

	#companyInfo .titleBox h2 {
		width: 100%;
		/*margin-bottom: 60px;*/
	}



	#companyInfo .infoTable {
		width: 87%;
		max-width: 750px;
		margin: 0 auto 60px;
	}

	#companyInfo .infoTable ul {
		width: 100%;
	}

	#companyInfo .infoTable li {
		width: 100%;
		max-width: 100%;
		font-size: 2.6rem;
		line-height: 1.8;
		font-weight: 300;
		color: #333;
		vertical-align: middle;
		white-space: normal;
		text-align: center;
	}

	#companyInfo .infoTable li {
		padding: 15px 0;
		border-top: #bbb solid 1px;
		border-bottom: #bbb solid 1px;

	}



	#companyInfo .infoTable li:nth-child(odd) {
		background-color: #f0f5f7;
	}


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

	#companyInfo .bottomTextBox {
		width: 87%;
		max-width: 768px;
		margin: 0 auto 25px;
		border: none;
	}

	#greetingsBox {
		margin: 50px auto 0;
		width: 86%;
	}


	#greetingsBox .cBox {
		display: block;
	}

	#greetingsBox .cBox .rBox,
	#greetingsBox .cBox .lBox {
		width: 96%;
		margin: 0 auto;
	}

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

	#greetingsBox .cBox .lBox .name_t {
		font-size: 27px;
	}

	#greetingsBox .cBox .rBox {
		margin-top: 30px;
	}

	#greetingsBox .cBox .rBox p {
		font-size: 15px;
		margin-top: 10px;
	}



	.philosophyBox,
	.conductBox {
		margin: 60px auto 0;
		width: 86%;
	}


	.conductBox {
		margin-bottom: 70px;
	}

	#greetingsBox h3,
	.philosophyBox h3,
	.conductBox h3,
	#infoTable {
		font-size: 37px;
	}

	.philosophyBox p,
	.conductBox p {
		font-size: 15px;
	}



	.philosophyBox p br {
		display: none;
	}

	/*-------------------------
採用情報
-------------------------*/

	#recruitTop .topTitleBox {
		width: 100%;
		height: auto;
		padding-top: 70px;
		position: static;
	}

	#recruitTop .topTitleBox {
		width: 100%;
		background: url("../images/recruittop_bg_sp.png") no-repeat;
		background-size: cover;
		background-size: 100% 100%;
		height: 290px;
		margin-top: 70px;
	}

	#recruitTop .topTitleBox .innerBox {
		width: 90%;
		max-width: 980px;
		margin: -70px auto 0;
	}

	#recruitTop .topTitleBox .innerBox div h2 {
		width: 100%;
		font-size: 26px;
	}

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


	#recruitTop .middleBox {
		display: block;
	}

	#recruitTop .indexBtn05 .imgBox05 {
		width: 100%;
		height: 100%;
	}

	#recruitTop .indexBtn05 .titleBox {
		position: static;
		transform: none;
		width: 100%;
	}

	.tab_area {
		width: 87%;
		margin: 0 auto;
	}

	.tab_panel {
		width: 100%;

	}

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


	.tab_panel ul li {
		display: block;
		height: auto;

	}

	.tab_panel ul li ul {
		display: block;
		width: 87%;
		max-width: 750px;
		margin: 0 auto;
		padding: 30px 0;

	}

	.tab_panel ul li ul li {
		text-align: center;
		font-size: 2.6rem;

	}

	.tab_panel ul li ul span {
		display: block;
		width: 32%;
		min-width: 145px;
		margin: 0 auto 30px;
	}

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

	.tab_panel .h120 {
		height: auto;
	}

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

	#requirements .titleBox {
		padding-top: 70px;
		height: 24vw;
		max-height: 240px;
		width: 100%;
		position: static;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bad9f4+20,bad9f4+20,99ccff+79 */
		background: none;
		filter: none;
	}

	#requirements .titleBox h2 {
		position: static;
		width: 100%;
		top: 0;
		left: 0;
		transform: none;
		max-width: 768px;
	}


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

	}

	#requirements .bottomContents h3 {
		font-size: 3.0rem;
		margin-bottom: 40px;
	}

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


	#requirements .bottomContents table tr {
		display: table;
		width: 100%;
		align-items: stretch;
		height: auto;
	}

	#requirements .bottomContents table th {
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}

	#requirements .bottomContents .title_sp {
		width: 205px;
		text-align: center;
		background-color: #fff;
		border: 1px solid #333;
		font-size: 2.6rem;
		font-weight: 300;
		padding: 3px 0;
		line-height: 1.8;
		margin: 0 auto 25px;

	}

	#requirements .bottomContents .text_sp {
		line-height: 2.0;
		width: 100%;
		text-align: center;
		font-size: 2.6rem;
		margin-bottom: 65px;
	}


	#requirements .bottomContents .emailAdd {
		background: url("../images/mailIcon.png") no-repeat;
		background-size: 5%;
		background-position: 14% 5px;
		font-size: 2.6rem;
		text-align: center;

	}

	#requirements .bottomContents .telNo {
		background: url("../images/telIcon.png") no-repeat;
		background-size: 4.5%;
		background-position: 35% center;
		font-size: 2.6rem;
		text-align: center;
		height: 75px;
		line-height: 75px;

	}

	#requirements .bottomContents .person {
		font-size: 2.6rem;
		text-align: center;
		margin-top: 0;
		margin-bottom: 60px;
	}


	/*-------------------------	
ブランド
-------------------------*/


	#brand .topTitleBox {
		padding-top: 70px;
		background: none;
	}

	#brand .topTitleBox h2 {
		width: 100%;
		height: auto;
		margin-bottom: 100px;
		position: static;
		transform: none;
	}


	#brand .brandContents {
		margin-bottom: 0;
	}

	#brand .brandContents01 .brandContents {
		position: relative;
		top: 27px;
	}

	#brand .brandContents02 .brandContents {
		position: relative;
		top: -5px;
	}

	#brand .brandContents03 .brandContents {
		position: relative;
		top: 10px;
	}

	#brand .brandContents04 .brandContents {
		position: relative;
		top: 30px;
	}

	#brand .brandContents05 .brandContents {
		position: relative;
		top: -20px;
	}



	#brand .brandContents01 .textBox,
	#brand .brandContents02 .textBox,
	#brand .brandContents03 .textBox,
	#brand .brandContents04 .textBox {
		position: absolute;
		top: 45%;
		left: 5%;
		width: 90%;
		max-width: 700px;
		font-size: 2.1rem;
	}

	#brand .brandContents05 .textBox {
		position: absolute;
		top: 40%;
		left: 5%;
		width: 90%;
		max-width: 700px;
		font-size: 2.1rem;
	}

	#brand .brandContents .textBox .copyBox {
		font-size: 2.0rem;
	}

	#brand .brandContents03 .textBox .copyBox {
		width: 100%;
	}


	#brand .brandContents03 .textBox {
		display: block;
	}

	#brand .brandContents01 .textBox .copyBoxB,
	#brand .brandContents02 .textBox .copyBoxB,
	#brand .brandContents03 .textBox .copyBoxB,
	#brand .brandContents04 .textBox .copyBoxB,
	#brand .brandContents05 .textBox .copyBoxB {
		width: 95%;
		max-width: 700px;
		font-size: 1.8rem;
	}







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

	#schedule .topTitleBox {
		padding-top: 110px;
	}

	.contents_sp {
		background-color: #F0F5F7;
	}

	.lineBox_sp {
		width: 50%;
		height: 45px;
		border-right: #61BCB1 3px solid;

	}


	.textArea_sp {
		width: 90%;
		padding-top: 45px;
		margin: 0 auto;

	}

	.boxHeader {
		display: flex;
		align-items: center;
		margin-bottom: 35px;

	}

	.timeBox_sp {
		border: 2px solid #9cc;
		width: 80px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		color: #099;
		font-size: 1.6rem;
		background-color: #fff;
		margin-right: 20px;
	}

	.titleBox_sp {
		font-size: 3.4rem;
		color: #4D4D4D;
	}


	.textBox_sp {
		font-size: 2.6rem;
		color: #4D4D4D;
		line-height: 1.8;
	}

	.illustBox {
		width: 54%;
		margin: 20px auto 0;
	}

	.imgBox_sp_b {
		background-color: #E4F7F2;
		padding: 35px 0;
		text-align: center;
	}

	.imgBox_sp_b img {
		width: 28.5%;


	}

	#schedule .bottomTextArea {
		width: 90%;
		margin: 0 auto 100px;

	}



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



	.interview .topTitleBox {
		margin-bottom: 7.3vw;
		padding-top: 70px;
		background-image: none;
	}

	.interview .topTitleBox h2 {
		width: 100%;
		position: static;
		max-width: 768px;
		top: 0;
		left: 0;
		transform: none;
	}

	#interviewTop .indexBox_sp ul {
		margin-bottom: 15.3vw;
	}

	#interviewTop .indexBox_sp ul li {
		width: 100%;
		height: 35vw;

	}

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


	.historyBox table {
		width: 87%;
		margin: 0 auto;
	}

	.historyBox table tr {
		margin-top: 20px;

	}



	.historyBox table tr th,
	.historyBox table tr td {
		color: #fff;
		font-size: 2.2rem;
	}

	.historyBox table tr .mt15 {
		padding-top: 15px;
		line-height: 1.5;

	}

	.questionBox {
		width: 87%;
	}

	.questionTextB {
		font-size: 2.6rem !important;
		font-weight: 400 !important;
		line-height: 1.5;
	}

	.questionText {
		font-size: 2rem !important;
		font-weight: 300;
		line-height: 2.0 !important;

	}

	#interviewA .topContents {
		background: url("../images/interviewA01_sp.png") no-repeat;
		background-size: contain;
		aspect-ratio: 5 / 6.5;
	}

	#interviewC .topContents {
		background: url("../images/interviewC01_sp.png") no-repeat;
		background-size: cover;
		aspect-ratio: 5 / 6.5;
		background-position: center;
	}

	#interviewG .topContents {
		background: url("../images/interviewG01_sp.png") no-repeat;
		background-size: contain;
		aspect-ratio: 5 / 6.5;
	}

	#interviewF .topContents {
		background: url("../images/interviewF01_sp.png") no-repeat;
		background-size: contain;
		aspect-ratio: 5 / 6.5;
	}

	#interviewC .bottomTextBox,
	#interviewE .bottomTextBox,
	#interviewF .bottomTextBox,
	#interviewG .bottomTextBox,
	.bottomTextBox {
		width: 87%;
		margin: 0 auto;
		border: 1px dashed #61BCB1;
		padding: 35px 0;
	}


	#interviewC .bottomTextBox dl,
	#interviewE .bottomTextBox dl,
	#interviewF .bottomTextBox dl,
	#interviewG .bottomTextBox dl,
	.bottomTextBox dl {
		display: block;
	}

	#interviewC .bottomTextBox dl dt,
	#interviewE .bottomTextBox dl dt,
	#interviewF .bottomTextBox dl dt,
	#interviewG .bottomTextBox dl dt,
	.bottomTextBox dl dt {
		font-size: 2.6rem;
		width: 100%;
		text-align: center;
		margin-bottom: 45px;

	}

	#interviewC .bottomTextBox dl dd,
	#interviewE .bottomTextBox dl dd,
	#interviewF .bottomTextBox dl dd,
	#interviewG .bottomTextBox dl dd,
	.bottomTextBox dl dd {
		font-size: 2.6rem;
	}

	#interviewC .bottomTextBox dl dd,
	#interviewE .bottomTextBox dl dd,
	#interviewF .bottomTextBox dl dd,
	#interviewG .bottomTextBox dl dd {
		white-space: normal;
		padding: 0 4%;

	}

	#interviewAbe .interviewBox {
		display: block;
		padding: 0px 0px 20px;
		border-radius: 30px;
		margin-top: 30px;
	}

	#interviewAbe .interviewBox .Lbox,
	#interviewAbe .interviewBox .Rbox {
		width: 100%;
	}

	#interviewAbe .interviewBox h3 {
		padding: 5px 15px;
		border-radius: 10px 0px 80px 0px;
		width: 90%;
		margin-top: -10px;
		font-size: 19px;
	}

	#interviewAbe .interviewBox h3 span {
		border-right: 2px solid #fff;
		font-size: 30px;
	}

	#interviewAbe .interviewBox .imgBox {
		padding: 0 5%;
		margin-top: 20px;
	}

	#interviewAbe .interviewBox .txtBox {
		padding: 0 5%;
	}

	#interviewAbe .interviewBox .com_txt {
		line-height: 1.8;
		margin-top: 15px;
	}

	#interviewAbe .interviewBox h3 br {
		display: none;
	}

	#interviewAbe .historyInner {
		display: block;
		width: 90%;
		margin: 0 auto;
	}

	#interviewAbe .historyInner .imgBox {
		margin: 0 auto;
	}

	#interviewAbe .historyInner .txtBox {
		margin-top: 20px;
	}

	#interviewAbe .historyInner .txtBox p {
		margin-bottom: 4px;
	}

	#interviewAbe .historyInner .txtBox p.t1,
	#interviewAbe .historyInner .txtBox p.t3,
	#interviewAbe .historyInner .txtBox p.t4 {
		font-size: 16px;
	}

	#interviewAbe .historyInner .txtBox p.t2 {
		font-size: 24px;
	}

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

	#interviewAbe .topContents .copyBox {
		display: none;
	}

	#interviewAbe .topContents {
		background: none;
		aspect-ratio: initial;
	}

	#interviewAbe.interview .topTitleBox {
		height: 100%;
		max-height: 100%;
	}


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


	#questionnaire .topTitleBox {
		padding-top: 70px;
		position: static;
		background: none;
	}

	#questionnaire .topTitleBox h2 {
		position: static;
		width: 100%;
		transform: none;
		margin-bottom: 20px;
	}


	.container ul {
		width: 100%;
		margin-top: 0;
	}



	#questionnaire .contents {
		width: 95%;
		max-width: 768px;
		margin: 0 auto;
		display: flex;
		flex-direction: column-reverse;
	}

	#questionnaire .contents .qText {
		width: 90%;
		text-align: center;
		margin: 0 auto 10vw;
		font-size: 2.4rem;
		padding-top: 20px;
	}




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


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


	#questionnaire .contents .etcBox {
		width: 100%;
		height: 350px;
		max-width: 750px;
		display: flex;
		justify-content: space-between;
		align-items: center;

	}

	#questionnaire .contents01 .eBoxImg {
		max-width: 235px;
		width: 25%;
	}

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

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


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

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

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

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


	#questionnaire .eBoxImg img {
		height: auto;
	}

	#questionnaire .perImg {
		width: 100%;
		margin: 0 auto;
	}


	#questionnaire .contents .etcTextBox {
		box-sizing: content-box;
		width: 40%;
		max-width: 330px;
		margin: 0;
		font-size: 1.6rem;
		padding: 20px 3%;
		background-color: #fff;
	}

	#questionnaire .contents .etcTextBoxG {
		box-sizing: content-box;
		width: 40%;
		max-width: 330px;
		margin: 0;
		font-size: 1.6rem;
		padding: 20px 3%;
		background-color: #F0F5F7;
	}


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

	#questionnaire .contents .aText {
		top: -55%;
	}

	#questionnaire .contents .etcTextBox p,
	#questionnaire .contents .etcTextBoxG p {
		margin-bottom: 10px;
	}


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

	/*-------------------------
	保有車両
	-------------------------*/
	#vehicleElm .topTitleBox {
		background: url(../images/truck_bg_sp.png) no-repeat;
		background-size: 100% 100%;
		background-position: top center;
		padding-top: 74px;
		height: 100px;
	}

	#vehicleElm .topTitleBox h2 {
		font-size: 18px;
	}

	#vehicleElm .contents {
		width: 96%;
		margin: 30px auto 50px;
	}

	#vehicleElm .txt {
		font-size: 16px;
	}

	#vehicleElm .list_btn {
		margin-top: 30px;
		align-items: center;
	}

	#vehicleElm .list_btn li {
		width: 48%;
		display: flex;
		padding: 10px 0;
		height: 100%;
	}

	#vehicleElm .list_btn li.no_pa {
		padding: 0px;
	}

	#vehicleElm .list_btn li a {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0px;
		line-height: 1.4;

	}

	#vehicleElm .truckBox h3 {
		font-size: 26px;
	}

	#vehicleElm .truckBox h3 {
		font-size: 25px;
		margin-top: 40px;
	}

	#vehicleElm .truckBox p.explanation {
		font-size: 16px;
	}

	#vehicleElm .truckBox ul {
		width: 100%;
	}

	#vehicleElm .truckBox ul li {
		width: 100%;
		max-width: 100%;
		display: flex;
		height: auto;
		padding: 10px 0;
	}

	#vehicleElm .truckBox ul li h4 {
		border-bottom: none;
		width: 33%;
		height: 100%;
		border-right: 1px solid #61B9AE;
		font-size: 16px;
		justify-content: left;
		margin-left: 2%;
	}

	#vehicleElm .truckBox ul li div {
		width: 65%;
	}

	#vehicleElm .truckBox ul li.box1 div p,
	#vehicleElm .truckBox ul li.box2 div p,
	#vehicleElm .truckBox ul li.box3 div p {
		font-size: 28px;
	}

	#vehicleElm .truckBox ul li.box2 div p span {
		display: inline-block;
		font-size: 13px;
	}

	#vehicleElm .truckBox .category {
		font-size: 16px;
		padding: 5px;
	}

	#vehicleElm .truckBox p.imgBox {
		margin-top: 15px;
	}

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

	#recruitTop .bannerBox {
		width: 200px;
		bottom: 6%;
	}

	#recruitTop .bannerBox .closeBtn {
		width: 20px;
	}
}


@media screen and (max-width: 680px) {

	.infomation {
		width: 87%;
		margin: 0 auto;
		padding: 20px 0;
		font-size: 2.6rem;
		text-align: center;
		background-size: 7%;
		background-position: 13% center;

	}

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

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

	.formArea .checkArea {
		width: 100%;
		transform: translateX(20%);
	}



	label.pCheck,
	label.pCheck a {
		font-size: 2.0rem;
	}


	#brand .brandContents01 .textBox,
	#brand .brandContents02 .textBox,
	#brand .brandContents03 .textBox,
	#brand .brandContents04 .textBox,
	#brand .brandContents05 .textBox {
		top: 30%;
		left: 5%;
		width: 90%;
	}


	#requirements .bottomContents .emailAdd {
		background-position: 10% 5px;

	}


	#brand .brandContents01 .brandContents {
		top: 20px;
	}




}

@media screen and (max-width: 650px) {
	.infomation {
		background-size: 5%;
		background-position: 8% center;
	}


}


@media screen and (max-width: 600px) {
	#questionnaire .contents .aText {
		top: -50%;
	}

	#brand .topTitleBox,
	#bisDiscription .titleBox,
	#companyInfo .titleBox,
	.interview .topTitleBox,
	#questionnaire .topTitleBox,
	#recruitTop .topTitleBox,
	#requirements .titleBox {
		padding-top: 60px;
	}




}


@media screen and (max-width: 550px) {

	.infomation {
		background-size: 5%;
		background-position: 5% center;
		font-size: 2.3rem;
	}


	.formArea .checkArea {
		width: 100%;
		transform: translateX(10%);
	}

}


@media screen and (max-width: 480px) {

	.sp_b {
		display: block;
	}

	.vegas-timer {
		bottom: 20% !important;

	}


	nav ul li a {
		text-align: left;
		width: 100%;
		font-size: 2.3rem;
	}


	.infomation {
		width: 87%;
		margin: 0 auto;
		padding: 20px 0;
		font-size: 2.0rem;
		text-align: center;
		background-size: 5%;
		background-position: 5% center;

	}

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

	.formArea p:first-child {
		margin-bottom: 60px;
		font-size: 1.8rem;
		line-height: 1.5;
		color: #333;
		text-align: left;
		width: 81%;
		margin: 0 auto 65px;
	}


	.formArea .infoText {
		margin: 0 auto 10px;
		text-align: right;
		font-size: 2.0rem;
		color: #333;

	}



	.formArea .item label {
		width: 100%;
		max-width: 650px;
		color: #333;
		font-size: 1.8rem;
		margin-bottom: 10px;
	}

	.formArea .itemB label {
		width: 100%;
		max-width: 650px;
		color: #333;
		font-size: 2.0rem;
		margin-top: 0;
		margin-bottom: 10px;
	}


	.formArea .checkArea {
		width: 100%;
		transform: translateX(7%);
	}



	label.pCheck,
	label.pCheck a {
		font-size: 1.5rem;
	}


	#companyInfo .infoTable li {
		font-size: 1.5rem;
	}


	#bisDiscription .textBox p {
		font-size: 1.8rem;
		line-height: 1.8;
	}

	#bisDiscription .bottomBox ul li p a {
		display: inline;
		color: #333;
		white-space: normal;
		font-size: 1.2rem;
	}

	#bisDiscription .bottomBox ul li h4 {
		width: 45%;
	}

	#bisDiscription .bottomBox ul .textArea {
		width: 94%;
		max-width: 610px;
		margin: 0 auto;
		font-size: 1.8rem;
		padding: 40px 3%;
		background-color: #F0F5F7;
		line-height: 2.0;
	}


	#brand .brandContents {
		top: 14px;
	}

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

	#brand .brandContents01 .brandContents {
		top: 15px;
	}


	#brand .brandContents02 .brandContents {
		top: 0px;
	}

	#brand .brandContents03 .brandContents {
		top: 10px;
	}

	#brand .brandContents04 .brandContents {
		top: 40px;
	}

	#brand .brandContents05 .brandContents {
		top: 100px;
	}

	#brand .brandContents .textBox .copyBox,
	#brand .brandContents01 .textBox .copyBoxB,
	#brand .brandContents02 .textBox .copyBoxB,
	#brand .brandContents03 .textBox .copyBoxB,
	#brand .brandContents04 .textBox .copyBoxB,
	#brand .brandContents05 .textBox .copyBoxB {
		font-size: 1.4rem;
		line-height: 1.5;
	}



	#brand .brandContents01 .textBox,
	#brand .brandContents02 .textBox,
	#brand .brandContents03 .textBox {
		top: 40%;
	}



	#brand .brandContents04 .textBox {
		top: 50%;
	}

	#brand .brandContents05 .textBox {
		top: 35%;
	}






	.tab_panel ul li ul li {
		font-size: 1.8rem;
	}

	#requirements .bottomContents .title_sp {
		width: 145px;
		font-size: 1.8rem;
	}

	#requirements .bottomContents h3 {
		font-size: 2.3rem;
	}

	#requirements .bottomContents .text_sp {
		font-size: 1.8rem;
	}

	#requirements .bottomContents .emailAdd {
		background: url(../images/mailIcon.png) no-repeat;
		background-size: 5%;
		background-position: 5% 5px;
		font-size: 1.8rem;

	}

	#requirements .bottomContents .telNo {
		background: url(../images/telIcon.png) no-repeat;
		background-size: 5%;
		background-position: 32% center;
		font-size: 1.8rem;
		text-align: center;
		height: 60px;
		line-height: 60px;
	}

	#requirements .bottomContents .person {
		font-size: 1.8rem;
		margin-top: 0;
		margin-bottom: 60px;
	}

	.btn-area button {
		width: 70%;
	}


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

	.historyBox table tr th {
		width: 30%;
		text-align: right;
		vertical-align: top;
		padding-top: 20px;
	}


	.historyBox table tr td {
		padding-left: 3%;
		line-height: 1.5;
	}


	#interviewA .secondContents .questionBox .questionTitle,
	#interviewE .secondContents .questionBox .questionTitle {
		display: inline-flex;
	}

	#interviewB .secondContents .questionBox .questionTitle,
	#interviewC .secondContents .questionBox .questionTitle,
	#interviewD .secondContents .questionBox .questionTitle {
		display: inline-flex;
	}

	#interviewA .thirdContents .questionBox .questionTitle {
		display: inline-flex;
	}

	#interviewB .thirdContents .questionBox .questionTitle,
	#interviewC .thirdContents .questionBox .questionTitle {
		display: inline-flex;
	}

	#interviewD .thirdContents .questionBox .questionTitle {
		display: inline-flex;
	}

	#interviewE .thirdContents .questionBox .questionTitle {
		display: inline-flex;
	}


	#interviewA .bottomContents .questionBox .questionTitle,
	#interviewB .bottomContents .questionBox .questionTitle,
	#interviewC .bottomContents .questionBox .questionTitle,
	#interviewD .bottomContents .questionBox .questionTitle,
	#interviewE .bottomContents .questionBox .questionTitle {
		display: inline-flex;
	}

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




	.questionTextB {
		font-size: 2.0rem !important;
		font-weight: 400 !important;
		line-height: 1.5;
	}

	.questionText {
		font-size: 1.8rem !important;
		font-weight: 300;
		line-height: 2.0 !important;
	}



	#interviewC .bottomTextBox dl dt,
	#interviewE .bottomTextBox dl dt,
	.bottomTextBox dl dt {
		font-size: 2.0rem;
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}

	#interviewC .bottomTextBox dl dd,
	#interviewE .bottomTextBox dl dd,
	.bottomTextBox dl dd {
		font-size: 1.8rem;
	}



	.bottomTextBox dl dd {
		padding: 3%;
	}


	.titleBox_sp {
		font-size: 2.6rem;
	}


	.textBox_sp {
		font-size: 2.0rem;
		line-height: 1.5;
	}

	#questionnaire .contents .aText {
		top: -40%;
		left: 8%;
	}



}

@media screen and (max-width: 430px) {


	#brand ul {
		height: 830vw;
	}

	#brand .brandContents01 .brandContents {
		top: 15px;
	}


	#brand .brandContents02 .brandContents {
		top: 70px;
	}

	#brand .brandContents03 .brandContents {
		top: 110px;
	}

	#brand .brandContents04 .brandContents {
		top: 180px;
	}

	#brand .brandContents05 .brandContents {
		top: 290px;
	}

}


@media screen and (max-width: 400px) {

	nav ul li {
		width: 93.5%;
		height: 70px;
		line-height: 70px;
		border-right: none;
		border-bottom: 1px solid #ddd;
		padding-left: 6.5%
	}

	nav ul li a {
		text-align: left;
		width: 100%;
		font-size: 2.6rem;
	}


	.infomation {
		width: 87%;
		margin: 0 auto;
		padding: 20px 0;
		font-size: 2.3rem;
		text-align: center;
		background-size: 10%;
		background-position: 10% center;

	}

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




	.contentsTitle h2 span {
		display: block;
		width: 100%;
		max-width: 326px;
		margin: 0 auto 15px;
	}

	.accessTitle h2 {
		width: 35%;
		margin: 80px auto 15px;
		border-bottom: #666 solid 2px;
	}

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


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


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

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



	.formArea .checkArea {
		width: 100%;
		transform: translateX(3%);
	}


	label.pCheck,
	label.pCheck a {
		font-size: 1.5rem;
	}

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


	#brand ul {
		height: 960vw;
	}


	#brand .brandContents02 .brandContents {
		top: 140px;
	}

	#brand .brandContents03 .brandContents {
		top: 310px;
	}

	#brand .brandContents04 .brandContents {
		top: 480px;
	}

	#brand .brandContents05 .brandContents {
		top: 680px;
	}


}