/*ハンバーガーメニューはwidth:1200pxから*/

/* 【max-width:1700px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1700px) {
	/*
-------------------
サービスTOP 1700px
-------------------
*/
	#servicePlan.serviceTOP section.item01 .icon {
		margin-left: 0;
	}

	#servicePlan.serviceTOP section.item .icon {
		margin-left: 0;
		margin-right: 10px;
	}

	#servicePlan.serviceTOP section.item:nth-child(odd) .text {
		width: 43%;
		right: 5.882vw;
	}

	#servicePlan.serviceTOP section.item:nth-child(even) .text {
		left: 100px;
	}

	.fixed .photo {
		right: 10vw;
	}

	#servicePlan.serviceTOP .fixed h2 {
		padding-left: 10vw;
	}

	#servicePlan.serviceTOP h2 {
		font-size: 2.352vw;
	}

	#servicePlan.serviceTOP h4 {
		font-size: 1.764vw;
	}

	#servicePlan.serviceTOP section.item01 .icon {
		width: 6.764vw;
	}

	#servicePlan.serviceTOP section.item02 .icon {
		width: 3.735vw;
	}

	#servicePlan.serviceTOP section.item03 .icon {
		width: 3.911vw;
	}

	#servicePlan.serviceTOP section.item04 .icon {
		width: 3.911vw;
	}

	#servicePlan.serviceTOP section.item {
		padding: 5.882vw 0;
	}

	#servicePlan.serviceTOP .more-link {
		margin-top: 2.941vw;
	}


/*
---------------
動態管理 1700px
---------------
*/
	#servicePlan.car_management section.item05 .text {
		margin-top: -10px;
	}

/*
---------------
便利機能 1700px
---------------
*/
	#servicePlan.useful section.item02 .text {
		margin-left: 0 !important;
	}
}




/* 【max-width:1600px】 --------------------------------------------------------------------------------------------------------------------------------*/
/*
-----------------------
安全管理 safety 1600px
-----------------------
*/
@media screen and (max-width: 1600px) {
	.safety section.item01 ul li {
		width: 18.125vw;
	}

	#servicePlan.safety section.item02 .photo {
		width: 31.625vw;
		max-width: 506px;
	}

	#servicePlan.safety section.item03 .photo {
		width: 50vw;
		max-width: 800px;
	}

	#servicePlan.safety section.item04 .photo {
		width: 77.8125vw;
		max-width: 1245px;
	}

	#servicePlan section.item .center {
		margin-bottom: 3.125vw;
	}

	.pc_gamen_container > li > ul > li:first-child {
		width: 17.5vw;
		max-width: 280px;
	}

	.pc_gamen_container > li > ul > li:nth-child(2),
	.pc_gamen_container > li > ul > li:last-child {
		width: 15vw;
		max-width: 240px;
	}

	#describe1 {
		padding-left: 3.125vw;
	}

	#describe2 {
		padding-right: 3.125vw;
	}


	/*
-----------------------
働き方管理 work 1600px
-----------------------
*/
	.work_container li {
		margin-right: 1.333vw;
	}

	.work_container li img {
		width: 6.875vw;
	}

/*
-----------------------
便利機能 useful 1600px
-----------------------
*/
	.useful .item01 .photo {
		width: 40vw !important;
	}

	.useful .item02 .photo {
		width: 38vw !important;
	}

	#servicePlan.useful .item04 .photo {
		width: 41.9375vw !important;
	}

	#servicePlan.useful .item03 .text {
		padding-right: 20px;
	}

	#contact-form table th span {
		font-size: 12px;
	}
}




/* 【max-width:1500px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1500px) {
	#servicePlan.useful .item03 .text {
		margin-left: 50% !important;
	}

	.useful .item01 .photo {
		margin-left: 6.666vw;
	}

	.useful .item02 .photo {
		margin-right: 6.666vw;
	}
}






/* 【max-width:1400px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
	.fixed .photo {
		right: 5vw;
	}

	#servicePlan.serviceTOP .fixed h2 {
		padding-left: 5vw;
	}

/*
-----------------
安全管理 1400px
-----------------
*/
	.work_container li {
		width: 8.571vw;
	}

	.work_container li img {
		width: 100%;
	}

	.work_container li p {
		font-size: 1.071vw;
	}

	/*
	-----------------
	ブログ 1400px
	-----------------
	*/
	/* .alignnone {
		height: 39.285vw;
	} */
}



/* 【max-width:1370px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1370px) {
/*
-----------------
header 1370px
-----------------
*/
  #nav .menu {
    position: absolute;
    right: 20px;
  }
/*
-----------------
募集要項一覧 1370px
-----------------
*/
	.recruit-area.inner {
		width: 100%;
		padding: 0 100px;
	}

}


/* 【max-width:1315px】 --------------------------------------------------------------------------------------------------------------------------------*/
/*
-----------------
サービスTOP 1315px
-----------------
*/
/* @media screen and (max-width: 1315px) {
	.backColor ul > li {
		width: 28.461vw;
	}

	.service_picup .pic_title {
		font-size: 2.281vw;
	}

	.service_picup .pic_text {
		font-size: 1.216vw;
	}

} */



/* 【max-width:1300px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1300px) {
	.describe_text {
		font-size: 1.6rem;
		letter-spacing: normal;
	}

	#footer footer .inner {
		width: 100%;
	}

/*
-----------------
安全管理 1300px
-----------------
*/
	.work_container table th,
	.work_container table td {
		display: block;
		width: 100%;
	}

	.work_container table th.none {
		display: none;
	}

	#servicePlan.work section.item03 {
		padding: 80px;
	}

/*
-----------------
便利機能 1300px
-----------------
*/
	#servicePlan.useful .item04 {
		padding: 7.692vw;
	}

	.useful .item01 .text {
		right: 7.692vw !important;
	}
	.useful .item02 .text {
		left: 7.692vw;
	}

	.useful .item02 .photo {
		margin-right: 7.692vw;
	}
}




/* 【max-width:1215px】 --------------------------------------------------------------------------------------------------------------------------------*/
/* @media screen and (max-width: 1215px) {

	.service_picup .pic_title {
		font-size: 2.057vw;
	}

	.service_picup {
		top: 8.23vw;
	}
} */



/* 【max-width:1200px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
	.inner {
		width: 100% !important;
		padding: 0 100px;
	}

	li.menu__single:hover ul.menu__second-level {
		top: 25px;
	}

	/* .topimage_h1 {
		font-size: 5.25vw;
	} */

	.#download-info .text p {
		font-size: 18px;
	}

/*
-----------------------
header 1200px
-----------------------
*/
  #download_nav #js-show-popup {
    position: absolute;
    top: -25px;
    right: 25px;
  }

  #nav .menu {
    padding-top: 20px;
  }

  li.menu__single ul.menu__second-level {
    top: 64px;
    padding-top: 39px;
  }

/* ------------------------------- ハンバーガーメニュー */
	nav {
		display: none;
		position: absolute;
		top: 80px;
		width: 100%;
		background: #e60012;
		left: 0;
	}
	.hidden {
		background: #fff;
		transition: inherit;
	}
	header {
		padding: 10px;
		background-color: #fff;
		box-shadow: 0px 2px 4px #ccc;
		height: 80px;
	}
	header .logoarea p {
		line-height: inherit !important;
		font-size: 12px !important;
	}
	header nav {
		margin-top: 0;
	}
	header nav ul {
		display: block;
		margin: 0 auto;
		width: 90%;
		float: none;
	}
  #nav .menu {
    position: relative;
    right: auto;
  }
	header nav ul li {
		margin: 0 auto;
		border-bottom: 1px solid #fff;
	}
	header nav ul li:last-child {
		border: none;
	}
	header nav ul li a {
		display: block;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		line-height: 2;
		padding: 5px 0;
	}
	header img {
		margin-top: 2px;
		width: 185px;
		height: auto;
	}
	.menu__second-level li {
		border-top: 1px solid #fff;
	}
	li.menu__single ul.menu__second-level {
		width: 100%;
		position: static;
		box-shadow: none;
		padding-top: 0;
	}
	li.menu__single ul.menu__second-level li {
		background-color: #e60012;
		box-shadow: none;
		border-bottom: none;
	}
	li.menu__single ul.menu__second-level li:nth-child(6) {
		border-top: 1px solid #fff;
	}
	li.menu__single ul.menu__second-level li a {
		line-height: 2;
		padding: 5px 0 5px 30px;
	}
	.menu label{
		display: block;
		cursor: pointer;
		font-size: 16px;
		color: #fff;
		line-height: 2;
		padding: 5px 0;
		font-weight: bold;
	}
	.menu input[type="checkbox"].on-off,
	.menu input[type="checkbox"].on-off +div{
		display: none;
	}
	.menu input[type="checkbox"].on-off:checked +div{
		display: block;
	}

	header nav .nav-media {
		background: none;
		border: none;
		border-bottom: 1px solid #fff;
		padding: 5px 0;
	}
	header nav .nav-media a {
		width: 100%;
		height: 15px;
		margin: 7px 0;
	}
	header nav .nav-media a:hover {
		background-image: url(https://app-logi.co.jp/images/icon_media.svg);
	}
	header nav .nav-media:hover {
		background: none;
	}

	#download_nav #js-show-popup {
		position: static;
		background: transparent;
		border: none;
		float: inherit;
		line-height: 2;
		padding: 5px 0;
		width: 100%;
		text-align: left;
	}
	#download_nav #js-show-popup:hover {
		border: none;
		color: #fff;
		background: transparent;
	}

	#topPage nav ul li.nav-top a,
	.serviceTOP nav > ul > li.nav-servicePlan > label,
	.car_management nav > ul > li.nav-servicePlan > label,
	.safety nav > ul > li.nav-servicePlan > label,
	.work nav > ul > li.nav-servicePlan > label,
	.useful nav > ul > li.nav-servicePlan > label,
	.pricing nav > ul > li.nav-servicePlan > label,
	#digital nav ul li.nav-digital a,
	#company:not(.terms_body) nav ul li.nav-company a,
	#recruit nav ul li.nav-recruit a,
	#contact nav ul li.nav-contact a {
		background: #404040;
		color: #fff;
	}

	#topPage nav ul li.nav-top a::after,
	.serviceTOP nav > ul > li.nav-servicePlan > label::after,
	.car_management nav > ul > li.nav-servicePlan > label::after,
	.safety nav > ul > li.nav-servicePlan > label::after,
	.work nav > ul > li.nav-servicePlan > label::after,
	.useful nav > ul > li.nav-servicePlan > label::after,
	.pricing nav > ul > li.nav-servicePlan > label::after,
	#digital nav > ul > li.nav-digital > a::after,
	#company:not(.terms_body) nav ul li.nav-company a::after,
	#recruit nav ul li.nav-recruit a::after,
	#contact nav ul li.nav-contact a::after {
		content: none;
	}

	/*開閉ボタン*/
	#nav_toggle {
		display: block;
		width: 40px;
		height: 40px;
		position: relative;
		top: 10px;
		z-index: 100;
		float: right;
		margin-right: 10px;
		margin-top: 4px;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span {
		display: block;
		height: 3px;
		background: #e60012;
		position: absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	#nav_toggle span:nth-child(1) {
		top: 0px;
	}
	#nav_toggle span:nth-child(2) {
		top: 15px;
	}
	#nav_toggle span:nth-child(3) {
		top: 30px;
	}

	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
		top: 12px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.open #nav_toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav_toggle span:nth-child(3) {
		top: 12px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
/*----------------------------- ハンバーガーメニューここまで */

/*
	-----------------------
	トップページ 1200px
	-----------------------
*/
	#topPage .service .catch {
		font-size: 2.0833vw;
	}

	#topPage .guide .info p,
	#topPage .top .container .text h1,
	#topPage .product .box .text {
		font-size: 16px;
	}
	#topPage h3 {
		margin-bottom: 30px;
	}

	#topPage .service ul.box li {
		height: 35em;
	}

/*
	-----------------------
	サービスTOP 1200px
	-----------------------
*/
	.swiper-slide-content {
		padding-left: 50px;
		margin-top: -100px;
	}

	#servicePlan.serviceTOP section.item:nth-child(even) .text {
		left: 50px;
	}

	#servicePlan.serviceTOP section.item:nth-child(odd) .text {
		right: 50px;
	}


	.backColor {
		max-width: 1000px;
	}
	.service_feature_inner {
		padding: 0 20px;
	}
	.balloon {
		padding: 15px 0;
		height: 250px;
	}
	.service_picup {
		padding: 0 5px;
	}
	.service_picup .pic_title {
		font-size: 1.7rem;
		font-weight: bold;
		margin-top: -20px;
	}
	.service_picup .pic_text {
		font-size: 1.4rem;
	}
	.pic_info li {
		font-size: 1.5rem;
	}
	.pic_info li::before {
		content: "　";
		background-image: url(../images/icon_checkWhite.png);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
	.pic_info .float {
		margin: -3.4rem 12rem;
	}


	/*
	-----------------------
	安全管理 1200px
	-----------------------
*/
	.pc_gamen_container > li:first-child,
	.pc_gamen_container > li:last-child {
		float: none;
		margin-right: 0;
	}

	.pc_gamen_container li {
		display: block;
	}

	.pc_gamen_container > li {
		width: 100%;
	}

	.pc_gamen_container > li:first-child {
		margin-bottom: 30px;
	}

	.pc_gamen_container > li > ul > li {
		display: inline-block;
	}

	.pc_gamen_container > li > ul > li:first-child {
		width: auto;
    max-width: 302px;
	}

	.pc_gamen_container > li > ul > li:nth-child(2),
	.pc_gamen_container > li > ul > li:last-child {
		width: auto;
    max-width: 260px;
	}

	#gamen1,
	#gamen2 {
		text-align: center;
		padding-right: 0;
	}

	.describe {
		float: none;
	}

	.describe_text {
		float: none;
	}

	#describe1 {
		padding-left: 0;
	}

	#servicePlan.work section.item01 .text {
		padding-right: 50px;
		margin-left: 53%;
	}

	#servicePlan .servicetop {
    padding: 130px 50px 50px 50px;
	}

	#servicePlan.pricing .servicetop {
		padding: 0;
	}


/*
	-----------------------
	便利機能 1200px
	-----------------------
*/
	.useful .item02 .text {
		left: 5.208vw;
	}

	#servicePlan.useful .item04 {
		padding: 5.208vw;
	}



	/*
	-----------------------
	サービス共通 1200px
	-----------------------
*/
	/* #link_bn li {
		margin-right: 1.666vw;
	} */

	/* #servicePlan .visual_text p {
		font-size: 15px;
	} */

	#servicePlan section.item .icon {
		margin-top: 50px;
	}


	/*
	-----------------------
	ブログ 1200px
	-----------------------
	*/
	/* .alignnone {
		height: 450px;
	} */

	/*
	-----------------------
	 フッター 1200px
	-----------------------
*/
	#footer_contact h2 {
		font-size: 31.5px !important;
	}
	#footer_contact h2 span {
		font-size: 22.5px;
	}

}


@media screen and (max-width: 1150px) {
	#servicePlan .visual_text p {
    font-size: 1.565vw;
	}
}

/* 【max-width:1100px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
	#servicePlan.car_management section.item01 {
		margin-left: -100px !important;
	}

	#servicePlan.car_management section.item01 .text {
		width: 47%;
	}

	#servicePlan.useful .item04 li {
		width: 49% !important;
		vertical-align: top;
	}

	#servicePlan.useful .item04 .photo {
		width: 100% !important;
	}

	.useful .item01 .text {
		right: 5.208vw !important;
	}

	.useful .item01 .text p br:last-child {
		display: none;
	}

}



/* 【max-width:1024px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1024px) {
	html {
		font-size: 55.55%;
	}
	.inner {
		padding: 0 50px;
	}

	.inner {
		width: 80%;
	}

	.visual {
		margin-top: 80px;
		position: relative;
		overflow: hidden;
	}

	.visual ul {
		position: absolute;
		top: 40%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		margin: auto;
	}

	.visual li {
		font-size: 2.5rem;
	}

	.visual li img {
		width: 5% !important;
	}

  #column.visual li img {
    width: 300px !important;
  }

  #column.visual ul {
    padding: 0 20px;
  }


/*
--------------------
トップページ 1024px
--------------------
*/
	#topPage .service .catch {
		font-size: 2.4414vw;
	}
	#topPage h3 {
		font-size: 2.1972vw;
	}
	#topPage section {
		margin-top: 7.8125vw !important;
	}

	.service_movie iframe {
		width: 100%;
		height: 54.98vw;
	}

	.service_movie {
		padding: 4.882vw 0;
	}



/*
---------------------------
.service サービスTOP 1024px
---------------------------
*/
	.swiper-container-android .swiper-slide,
	.swiper-wrapper {
		margin-top: 30px;
	}


	#servicePlan.serviceTOP section.item .text p {
		line-height: 1.6;
	}

	.fixed .photo {
		width: 67.285vw;
	}

	.top_info p {
		line-height: 2;
	}

	#link_bn li {
		/* width: auto; */
		margin-right: 0;
		margin: 0 auto;
	}

	#link_bn li:last-child {
		margin-bottom: 0;
	}

	.fixed .photo {
		width: 48.828vw;
	}

	.serviceTOP .plan {
		margin-top: 15.6251vw !important;
	}


/*
--------------
安全管理 1024px
--------------
*/
	#servicePlan.work section.item01 .text {
		padding-right: 20px;
		margin-left: 52% !important;
	}


/*
---------------
サービス 1024px
---------------
*/
	/* .servicetop {
		margin-top: 40px;
	} */

	#servicePlan .visual_text,
	#digital .visual_text {
		padding-top: 2.441vw;
	}

	/* #servicePlan h1, */
	#digital h1 {
		margin: 1.464vw 0;
	}

	#servicePlan h3 {
		font-size: 20px;
		padding-left: 60px;
		text-indent: -60px;
	}
	#servicePlan h3 span {
		margin-right: 8px;
	}
	#servicePlan h3 span img {
		width: 48px;
	}
	#servicePlan span.second_line {
		padding-left: 60px;
	}

	section.service_guide {
		margin-top: 4.882vw !important;
	}

	#servicePlan .service_guide ul {
		margin: 6.835vw 0;
	}

	#servicePlan .service_guide li {
/*		width: 12.695vw;*/
		width: 130px;
	}

	#servicePlan section.item .text p,
	#servicePlan section.item .icon {
		margin-left: 60px;
	}

	#servicePlan section.item:nth-child(odd) .text {
		margin-left: 20px;
		width: 47%;
	}

	#servicePlan section.item:nth-child(even) .text {
		margin-left: 50%;
		max-width: 47%;
		width: 47%;
	}


/*
---------------
動態管理 1024px
---------------
*/
	.car_management section.item:nth-child(4) {
		padding: 5.208vw 20px;
	}

	.car_management section.item:nth-child(4) .text {
		margin-left: 48% !important;
	}

	.car_management section.item:nth-child(5) .photo {
		padding-right: 20px;
	}

	#servicePlan.car_management section.item04 {
		padding: 4.882vw 0;
	}

	#servicePlan.car_management section.item02 .text {
		width: 47% !important;
	}


/*
----------------
働き方管理 1024px
----------------
*/
	#servicePlan.work section.item03 .text {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
	}

	#servicePlan.work section.item {
		padding-top: 50px;
	}

	#servicePlan.work section.item02 {
		padding-top: 0;
	}

	.work .item02 .photo {
		margin-right: 50px;
	}

	#servicePlan.work section.item03 {
		padding: 50px 20px;
	}

	.work_container li {
		width: 10.742vw;
	}

	.work_container li p {
		font-size: 12px;
	}

	#servicePlan.work section.item02 .text {
		width: 47% !important;
	}


/*
----------------
安全管理 1024px
----------------
*/
	#servicePlan.safety section.item01 p,
	#servicePlan.safety section.item04 p {
		margin-left: 0;
	}

	#servicePlan.safety section.item01 .text,
	#servicePlan.safety section.item04 .text {
		width: 100%;
	}

	#servicePlan.safety section.item04 .text {
		text-align: center;
	}



/*
--------------
便利機能 1024px
--------------
*/
	.useful .item01 {
		padding-top: 50px;
	}

	#servicePlan.safety section.item02 {
		padding-right: 50px;
	}

	#servicePlan section.item02 .text {
		width: 58% !important;
	}

	#servicePlan.useful .item04 li {
		display: block;
		width: 671px !important;
		margin: 0 auto 50px;
	}

	.useful .item01 .text {
		right: 20px !important;
	}

	.useful .item02 .text {
		left: 20px !important;
	}

	.useful .item03 .text {
		max-width: 53% !important;
		width: 53% !important;
	}

	#servicePlan.useful .item03 .text {
/*		margin-left: 47% !important;*/
	}

	#link_bn {
		margin: 4.882vw 0;
	}

	#servicePlan.useful section.item02 .text {
		width: 47% !important;
	}



/*
------------------
ご利用プラン 1024px
------------------
*/
	#servicePlan.pricing .visual_img {
		height: 43.28vw;
		margin-right: -100px;
	}

	#servicePlan.pricing .visual_img img {
		margin-top: -2.929vw;
	}

	#servicePlan.pricing th {
		font-size: 1.8rem;
		letter-spacing: -0.1rem;
	}

	#servicePlan.pricing .servicetop {
		margin-top: 40px;
	}

/*
-----------------------
#recruit 採用情報 1024px
-----------------------
*/
	#recruit .visual {
		height: auto
	}

	#recruit .visual img {
		height: auto;
	}

	#recruit-list .visual li img {
		width: 90px;
	}

	#recruit .visual li {
		padding-right: 20px;
	}

	#recruit .visual li:last-child {
		margin-top: 20px;
		padding-right: 45px;
	}

	#recruit .visual h1 {
		font-size: 4.5rem; /* 4.5rem */
	}

	#recruit .visual p {
		font-size: 2rem; /* 2rem */
		padding-right: 30px; /* 30px */
		line-height: 1.5;
	}

	#recruit .visual a,
	#recruit-cont table,
	#recruit-list table,
	#recruit-cont .more a {
		font-size: 14px;
	}

	#recruit .visual a {
		padding: 8px 15px; /* 8px 15px */
	}

	#recruit h2,
	#recruit-list h2 {
		font-size: 3rem; /* 3rem */
	}

	#recruit h2 span,
	#recruit-list h2 span {
		font-size: 2rem; /* 2rem */
	}

	.environment li p {
		font-size: 12px !important;
		line-height: 1.3 !important;
	}

	.recruit-area li a {
		width: 140px;
		border-radius: 8px;
	}

	.recruit-area li a::before {
		background-size: 5px 10px;
		width: 5px;
		height: 10px;
		left: 7px;
	}

	#recruit-cont table,
	#recruit-list table {
		line-height: 1.8;
	}

	#recruit-cont table th,
	#recruit-list table th {
		width: 30%;
	}

	#recruit-cont table th,
	#recruit-cont table td,
	#table-inner table th,
	#table-inner table td {
		padding: 10px 15px;
	}

	#recruit-cont table .title {
		font-size: 2.5rem;
	}

	#recruit-cont .more {
		height: 30px;
	}

	#recruit-cont .more a {
		padding: 7px 10px;
	}


/*
--------------------------------
#recruit-list 募集要項詳細 1024px
--------------------------------
*/
	#recruit-list .info,
	#contact-form .security .info,
	.check,
	#contact-form .input,
	#contact-form select,
	#contact-form table, #confirm table {
		font-size: 14px;
	}

	#recruit-list .red {
		font-size: 1.3rem;
	}

	#contact-form table, #confirm table, #contact-form .container {
		/* width: 80%; */
		min-width: 620px;
	}

	#contact-form tr,
	#contact-form th,
	#contact-form td,
	#confirm tr,
	#confirm th,
	#confirm td {
		padding: 8px  10px;
	}

	#contact-form table th span {
		margin-top: 6px;
	}

	#contact-form .container {
		/* width: 80%; */
		/* height: 150px; */
		padding: 10px;
	}

	#contact-form .container h1,
	#contact-form .container .txt {
		font-size: 12px;
	}

	#contact-form #form-btn .check-button,
	#confirm #form-btn input,
	#thanks #form-btn button {
		font-size: 2rem;
		margin-top: 20px;
	}

	#contact-form input,
	#contact-form select,
	#contact-form textarea,
	#confirm input,
	#thanks button {
		border-radius: 7px;
	}

	#contact .info h1,
	#confirm .info h1,
	#thanks .info h1 {
		font-size: 3rem;
	}

	#contact-form select {
		height: 35px;
	}

/*
-----------------------
#column コラム 1024px
-----------------------
*/
  header.archiveTitle {
    background: inherit;
    box-shadow: none;
    height: inherit;
  }
  .archiveItem__text {
    font-size: 1.5rem;
  }
  .imgListWidget__borderBox {
    width: 150px;
  }
/*
--------------
footer 1024px
--------------
*/
/*----------------------------- contact フッター */

/*----------------------------- footer-nav */
	footer .footer-nav {
		display: none;
	}

	footer .footer-logo li {
		font-size: 1.3rem;
	}

}
/* ---------------------------------------- End max-width:1024px */




/* 【max-width:950px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 950px) {
	#servicePlan.serviceTOP section.item:nth-child(even) .text {
		max-width: 49%;
		width: 49%;
		left: 20px;
	}

	#servicePlan.serviceTOP section.item:nth-child(odd) .text {
		width: 48%;
		right: 20px;
	}

	#servicePlan.serviceTOP section.item02 {
		margin-right: -100px !important;
	}

	#servicePlan.serviceTOP section.item03 {
		margin-left: -150px !important;
	}

}



/* 【max-width:920px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 920px) {

	#topPage h2,
	#recruit h2,
	#recruit-list h2 {
		font-size: 3.804vw;
	}

	.service_picup .pic_text {
		line-height: 1.5;
	}

	.backColor .pic_info {
		font-size: 13px;
	}

	.pic_info .float {
		margin-right: 2.173vw;
	}

	#servicePlan.serviceTOP h2 {
		font-size: 25px;
	}

	#servicePlan.serviceTOP h4 {
		font-size: 16px;
	}
}
/* ---------------------------------------- End max-width:920px */




/* 【max-width:900px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 900px) {
	#servicePlan.car_management .item02 {
		margin-right: -50px !important;
	}

	#servicePlan.car_management .item02 .photo {
		max-width: 450px;
	}

	#servicePlan.safety section.item02 .photo {
		width: 300px;
	}

	#servicePlan.safety section.item02 .text {
		width: 50% !important;
	}
}

@media screen and (max-width: 900px) {
	#servicePlan .visual_text img.logo_DX {
    width: 400px;
	}
	#servicePlan .visual_text img {
    height: 40px;
	}
	#servicePlan h1 {
    font-size: 35px;
	}
	#servicePlan .visual_text, .visual_img {
    float: none;
	}
	#servicePlan .visual_text {
    position: inherit;
    transform: inherit;
    text-align: center;
    display: block;
    margin: auto;
	}
	#servicePlan.pricing .visual_text {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
	#servicePlan .visual_img {
    margin: 0 auto;
    width: 100%;
    margin-top: 30px;
	}
	#servicePlan .visual_text .flex {
    justify-content: center;
	}
	#servicePlan .visual_text p {
		font-size: 18px;
		text-align: center;
	}
	#servicePlan.pricing .visual_img {
		margin: inherit;
		height: 43.28vw;
	}
}
/* ---------------------------------------- End max-width:900px */



/* 【max-width:896px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 896px) {
	.inner {
		width: 100%;
		padding: 0 20px;
	}

	.plan li {
		width: 32%;
	}

	#servicePlan section.item .text p {
		line-height: 1.6;
	}

	#servicePlan.useful .item04 li {
		width: 74.888vw !important;
	}

	#servicePlan.useful .item03 .photo {
		width: 60%;
		margin-left: -100px;
	}


/* ----------------------- フッター */
	footer .inner {
		margin-bottom: 5.5803vw;
		margin-top: 5.5803vw;
	}

	#footer_contact {
		font-size: 2.0089vw;
	}

	#footer_contact ul {
		height: 15.625vw;
	}

	#footer_contact li {
		height: 15.625vw;
		width: 38.5044vw;
	}

	#footer_contact a {
		padding: 2.2321vw 3.3482vw;
	}

	#footer_contact .tel {
		font-size: 2.5rem !important;
	}
}

/* ---------------------------------------- End max-width:896px */



/* 【max-width:850px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 850px) {
	.work_container {
		width: 48%;
	}
	.work_container li {
		display: block;
		margin: 0 auto 15px;
		width: 100%;
	}
	.work_container li:last-child {
		margin: 0 auto;
	}
	.work_container ul {
		margin-top: 30px;
	}
	.work_container li img {
		width: 100px;
	}
	.work_container li p {
		line-height: 1;
		font-size: 14px;
	}
	.work_container li p br {
		display: none;
	}
	.pricing .visual_text {
		left: 14.117vw;
	}
	.recruit-area.inner {
		padding: 0 50px;
	}

}
/* ---------------------------------------- End max-width:850px */



/* 【max-width:821px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 821px) {
	.recruit-area .box01,
	.recruit-area .box01 ul:first-child {
		margin-bottom: 15px;
	}

}
/* ---------------------------------------- End max-width:821px */


/* 【max-width:800px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
	#servicePlan h2,
	#digital h2 {
		font-size: 25px;
	}

/*
----------------
サービスTOP 800px
----------------
*/

	#servicePlan.serviceTOP section.item:nth-child(odd) .photo {
    	width: 48%;
	}

	.service_feature_inner {
		padding: 0 30px;
	}
	.backColorUl {
		display: flex;
		flex-wrap: wrap;
		text-align: center;
	}
	.backColorUl li {
		position: relative;
		width: 46%;
		margin: 0 2%;
	}
	.balloon {
		padding: 15px 0;
		height: 280px;
	}
	.balloonImg {
		width: 20%;
		height: 9rem;
	}
	.service_picup .pic_title {
		font-size: 2.5rem;
		font-weight: normal;
		margin: 0;
	}
	.service_picup .pic_text {
		font-size: 1.7rem;
		padding: 5px 20px;
	}
	.pic_info {
		margin-bottom: 10rem;
	}
	.pic_info li {
		padding: 0 30px;
		width: 100%;
		font-size: 1.7rem;
		margin-bottom: 10px;
	}
	.pic_info .float {
		margin: -31px 13rem;
	}


	/* 縦並び
	.service_feature_inner {
		padding: 10px 20px;
	}
	.backColor {
		max-width: 90vw;
	}
	.backColorUl {
		display: block;
	}
	.backColorUl li {
		width: 400px;
		margin: 0 auto;
	}
	.balloon {
		height: auto;
		padding: 3rem 1rem;
	}
	.balloonImg {
		height: auto;
		width: 18%;
	}
	.service_picup {
		top: auto;
		position: relative;
	}
	.service_picup .pic_title {
		margin-top: 0;
		font-weight: normal;
		font-size: 24px;
		margin-top: 2rem;
	}
	.service_picup .pic_text {
		font-size: 16px;
		margin: 1rem;
	}

	.pic_info {
		padding: 3rem 6rem;
		margin-top: 2rem;
		margin-bottom: 0;
	}
	.pic_info .float {
		margin: -4rem 15rem;
	}
	.pic_info li {
		font-size: 1.8rem;
		line-height: 2;
	}
	.more-link_top {
		position: relative;
	}
	.more-link_top a {
		margin-bottom: 150px;
	}
	.backColorUl {
		margin-bottom: -100px;
	}
 */
  


/*
--------------
動態管理 800px
--------------
*/
	#servicePlan.car_management section.item01 {
		margin-left: -140px !important;
	}
	#servicePlan.car_management section.item01 .photo {
		width: 55%;
	}
	#servicePlan.car_management section.item05 {
		margin-left: -150px !important;
	}
	#servicePlan.car_management section.item05 .photo {
		width: 55%;
	}
	#servicePlan.car_management section.item05 .text {
		margin-left: 47% !important;
		max-width: 50% !important;
		width: 50% !important;
	}

/*
--------------
安全管理 800px
--------------
*/
	.pc_gamen_container > li > ul > li:first-child {
		width: 37.75vw;
	}
	.pc_gamen_container > li > ul > li:nth-child(2),
	.pc_gamen_container > li > ul > li:last-child {
		width: 32.5vw;
	}

}

/* ---------------------------------------- End max-width:800px */



/* 【max-width:768px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:768px) {
	.work .item02 .photo {
		width: 60% !important;
		margin-right: 20px;
	}

	.visual li {
		font-size: 2rem;
	}

	#servicePlan section.item .icon {
		margin-top: 3.906vw;
	}

	#servicePlan section.item .icon li {
		width: 60px;
	}
	#servicePlan.safety section.item02 {
		padding-right: 20px;
	}

	#servicePlan.safety section.item02 .photo {
		width: 39.0625vw;
	}

	.serviceTOP .list_container img {
		background: #f5f5f5;
	}

	.fukidasi_contents {
		position: relative;
	}

	.fukidasi_contents::after {
		content: '';
		position: absolute;
		top: -10px;
		left: 0;
		right: 0;
		margin: auto;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4vw 3.8125vw 0 3.8125vw;
		border-color: #f5f5f5 transparent transparent transparent;
	}


	#google-map {
		height: 400px;
	}

	#recruit .visual::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.2);
		height: 99.6%;
	}

	#recruit .visual h1 {
		font-size: 6.666vw; /* 3.2rem */
	}

	#recruit .visual p {
		font-size: 3.958vw; /* 1.9rem */
		padding-right: 10px;
	}

	#recruit .visual a {
		font-size: 3.333vw; /* 1.6rem */
		color: #fff;
		border-color: #fff;
	}

	#recruit .visual li {
		padding-right: 10px;
		color: #fff;
	}

	#recruit .visual li:last-child {
		padding-right: 30px;
	}

	#recruit-list .title {
		font-size: 2rem;
	}

	#recruit h2, #recruit-list h2 {
		font-size: 2.5rem;
	}

	#recruit .rec01 p,
	#recruit .environment .text {
		text-align: justify;
		font-size: 1.6rem;
	}

	.environment lu,
	.environment li {
		width: 100%;
	}

	.environment li {
		margin-bottom: 10px;
		margin-right: 6px;
	}

	.environment li img  {
		width: 35%;
	}

	.environment li p {
		font-size: 1.3rem !important;
		line-height: 1.6 !important;
		left: 38%;
	}

	.environment li p.mac {
		line-height: 1.2 !important;
	}

	.environment .box01 {
		margin: 10px 0;
	}

	.recruit-area .button {
		width: 70%;
		margin: 0 auto;
	}

	.recruit-area ul {
		float: none;
	}

	.recruit-area li a {
		margin-bottom: 10px;
	}

	.recruit-area li:first-child a {
		margin-right: 15px;
	}

	.recruit-area .box01,
	.recruit-area .box02,
	.recruit-area .box01 ul:first-child {
		margin-bottom: 0;
	}

	#recruit table th,
	#recruit table td,
	#recruit-list table th,
	#recruit-list table td {
		display: block;
		width: 100%;
		text-align: justify;
	}

	#recruit-cont table .title {
		font-size: 2rem;
		padding: 10px 15px;
		text-align: left;
	}

	#recruit-cont table th,
	#table-inner table th {
		border-bottom: 1px solid #ccc;
		font-weight: bold;
	}

	#recruit-cont table tr:nth-child(2n+1),
	#recruit-list table tr:nth-child(2n+1),
	#recruit-list .location td {
		background: #fff;
	}

	#recruit-cont table th,
	#recruit-list table th {
		background: #ededed;
	}

	#recruit-cont .more {
		margin-bottom: 50px;
	}

	#contact-form table,
	#confirm table,
	#contact-form .container {
		width: 100%;
		min-width: inherit;
	}

	#contact-form table th,
	#contact-form table td,
	#confirm th,
	#confirm td {
		width: 100%;
		display: block;
		background: #fff;
		border: none;
	}
	#contact-form table th br {
		display: none;
	} 

	#contact-form th {
		padding: 8px;
		background: #f5f5f5 !important;
	}

	#confirm th {
		padding-bottom: 0;
	}

	#confirm td {
		padding-top: 0;
	}

	#contact-form table th span {
		margin-bottom: 10px;
		/* float: left; */
		margin-right: 5px;
		margin-left: 10px;
		border-radius: 4px;
		margin-top: 2px;
	}

	#contact-form input,
	#contact-form select,
	#contact-form textarea,
	#confirm input,
	#thanks button {
		padding: 5px 10px;
	}

	#contact-form .container {
		width: 100%;
	}

	#recruit-list .visual li img {
		width: 70px;
	}

	#contact .info h1,
	#confirm .info h1,
	#thanks .info h1 {
		font-size: 2.5rem;
	}

	#contact-form .security .info,
	#contact .info p {
		text-align: justify;
	}

	.recruit-area li a {
		margin-right: 0;
	}

}
/* End ---------------------------------------- max-width:768px */




/* 【max-width:767px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  /*コラムページ*/
  .l-main .content {
    margin-top: 0;
  }
  .l-main {
    padding: 40px 20px;
  }
  .l-main section {
    margin-top: 0 !important;
  }
  .singleTitle__heading {
    min-height: 150px;
  }
  .l-sidebar {
    padding: 0 20px 40px 20px;
    width: 100%;
  }
	.l-sidebar .adWidget {
		display: none;
	}
  .imgListWidget__borderBox {
    width: 180px;
    height: 100px;
  }
  .heading.heading-primary,
  .heading.heading-widget {
    font-size: 2rem;
  }
  .related__contents,
  .cat-item-none {
    font-size: 1.6rem;
  }
  .categoryBox .container {
    padding: 0 20px;
  }
  .l-main .content h3 {
    font-size: 2.2rem;
  }
  .heading.heading-first {
    font-size: 2.2rem;
  }
	.alignnone {
		height: 52.1512vw;

	}

}

/* End ---------------------------------------- max-width:767px */




/* 【max-width:750px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
	.servicetop {
		padding-bottom: 20px;
	}

	#servicePlan .visual_text {
		float: none;
		padding-top: 0;
	}

	#servicePlan .visual_text img {
		height: 40px;
	}

	/* #servicePlan h1 {
		font-size: 25px;
	} */

	#servicePlan .visual_text p {
		font-size: 18px;
	}

	#servicePlan .visual_img {
		float: none;
		margin: 0 auto;
		width: 90%;
		margin-top: 30px;
	}
	#servicePlan.pricing .visual_img {
		width: 100%;
	}


	#servicePlan.pricing .visual_text {
		left: 50px;
		width: 65vw;
	}

	#servicePlan.pricing .visual_text p br:last-child {
		display: none;
	}

	#servicePlan.serviceTOP section.item {
		padding: 60px 0;
	}

	#servicePlan.serviceTOP section.item03 h4 br:last-child,
	#servicePlan.serviceTOP section.item03 p br:last-child {
		display: none;
	}

	#servicePlan .service_guide li {
		width: 17.333vw;
	}

	/* ダウンロードボタン */
  .download {
    margin-bottom: 50px;
  }
  .download a {
    border-radius: 4px;
  }

}

/* End ---------------------------------------- max-width:750px */




/* 【max-width:710px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:710px) {
	#servicePlan.car_management section.item02 .text {
		width: 355px !important;
	}
	#servicePlan.car_management .item02 .photo {
		width: calc(100% - 373px);
		/* max-width: 350px; */
	}

}
/* End ---------------------------------------- max-width:710px */






/* 【max-width:690px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 690px) {
	html {
		font-size: 50%;
	}
	section,
	article {
		margin-top: 30px !important;
	}
	.inner {
		padding: 0 20px;
	}

	/* .videoPC {
		display: none;
	} */

	/* .videoSP {
		display: block;
	} */

	#topPage h2,
	#recruit h2,
	#recruit-list h2 {
		font-size: 30px;
	}

	#topPage h2 span,
	#recruit h2 span,
	#recruit-list h2 span {
		font-size: 20px;
	}

	header {
		background-color: #fff;
		box-shadow: 0px 2px 4px #ccc;
	}
  .header {
    height: 75px;
  }
  nav {
    top: 75px;
  }
	.topimage_h1 {
		font-size: 6.5217vw;
		top: 35%;
	}

	header img {
		width: 165px;
	}

	#nav_toggle {
		width: 35px;
		height: 30px;
		margin-right: 0;
	}

	#nav_toggle span:nth-child(2) {
		top: 12px;
	}

	#nav_toggle span:nth-child(3) {
		top: 24px;
	}
  .visual {
    margin-top: 75px;
  }
  #download_nav #js-show-popup {
    padding: 3px 10px;
  }
	#topPage h3 {
		font-size: 18px;
	}

	#topPage .service .box .text {
		font-size: 14px;
	}

	#topPage .service li:first-child,
	#topPage .service li:nth-child(2) {
		float: none;
	}

	#topPage .service ul.box li {
		width: 100%;
		max-width: 500px;
		display: block;
		margin: 0 auto 30px;
		height: auto;
	}

	#topPage .service ul.box .more-link {
		position: static;
	}

	#servicePlan.useful .item03 .photo {
		width: 70%;
		margin-left: -150px;
	}

	.pricing .servicetop {
		height: 57.971vw;
	}

	#servicePlan.pricing .visual_img {
		width: 140%;
		margin-left: -100px;
		height: 100%;
		margin-top: 10px;
	}

	#footer .inner {
		padding: 0 20px;
	}

	.contact h2 {
		font-size: 28px !important;
	}

	.contact h2 span {
		font-size: 20px;
	}

}
/* End ---------------------------------------- max-width:690px */



/* 【max-width:650px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:650px) {
	.serviceTOP .list_container img {
		padding-bottom: 20px;
	}
	.swiper-container {
		padding-top: 20px;
	}
	#servicePlan.serviceTOP h2 {
		font-size: 20px;
	}
	#servicePlan.serviceTOP section.item01 .icon {
		width: 55px;
	}
	#servicePlan.serviceTOP section.item02 .icon,
	#servicePlan.serviceTOP section.item03 .icon {
		width: 35px;
	}
	#servicePlan h3 {
		font-size: 3.076vw;
	}

}
/* End ---------------------------------------- max-width:650px */


/* 【max-width:615px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 615px) {
	#servicePlan.serviceTOP .item01 h4 br {
		display: none;
	}

	#servicePlan.car_management section.item01 .photo {
		width: 60%;
	}

	#servicePlan.car_management section.item01 .photo img {
		margin-left: -20px;
	}

	#servicePlan.car_management section.item03 .text {
		padding-top: 25px;
	}

}

/* End ---------------------------------------- max-width:615px */


/* 縦並び開始 */
/* 【max-width:600px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:599px) {
	html {
		font-size: 55.6%;
	}
	.inner {
		width: 85%;
	}
	.environment ul {
		display: block;
	}
	.environment li img {
		float: none;
		width: 25%;
	}
	.environment li p {
		left: 30%;
	}
	.recruit-area .button {
		width: 100%;
	}
	.recruit-area li:first-child a {
		margin-right: 10px;
	}
	#service .box img {
		width: 30vw;
	}
	#footer_contact .tel {
		font-size: 2rem !important;
	}
	#link_bn li {
		width: 90%;
	}
	.imgPC, .pc_only {
		display: none;
	}
	.imgMobile, .sp_only {
		display: block;
	}
  #column.visual li img {
    margin-bottom: 10px;
  }

	#servicePlan .visual_text img.logo_DX {
		width: 66.777vw;
	}
	.serviceTop {
		overflow-x: hidden;
	}



	/*
========================================
サービスページ関連 600px
========================================
*/
	#servicePlan main {
		letter-spacing: 0.05rem;
	}

	#servicePlan .visual_text,
	#digital .visual_text {
		float: none;
		padding-top: 0;
	}
	#servicePlan .servicetop {
    padding: 130px 20px 50px 20px;
	}

	#servicePlan .visual_img {
		float: none;
		margin: 20px auto 0;
	}

	#servicePlan .visual_img.imgMobile {
		margin-top: 20px;
		width: 100%;
	}

	#servicePlan .imgPC {
		display: none;
	}

	#servicePlan .imgMobile {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	/* #servicePlan .visual_text img {
		height: 30px;
	} */

	/* #servicePlan .visual_text p {
		font-size: 16px;
		line-height: 1.5;
	} */

	/* .servicetop, */
	.digitaltop {
		margin-top: 74px;
		padding: 20px;
/*		height: 100vw;*/
		max-height: 450px;
	}

	/* #servicePlan h1, */
	#digital h1 {
		font-size: 22px;
	}

	#servicePlan h2,
	#digital h2 {
		font-size: 4.1666vw;
	}

	#servicePlan h3,
	#digital h3 {
		font-size: 18px;
		text-align: justify;
	}

	#servicePlan h3 {
		padding-left: 0;
		text-indent: 0;
		line-height: 2;
		margin-bottom: 20px;
	}
	#servicePlan h3 span {
		display: block;
		margin-bottom: 10px;
	}
	#servicePlan span.second_line {
		padding-left: 0;
		margin-top: 0;
	}

	#servicePlan .service_guide ul {
		margin: 20px 0;
	}

	#servicePlan .service_guide li {
		width: 20%;
	}

	#servicePlan .service_guide li img {
		border: 2px solid;
	}

	.lead {
		text-align: justify;
	}

	.lead br {
		display: none;
	}

	#servicePlan section.item {
		position: static;
		padding-top: 20px !important;
	}

	#servicePlan section.item:nth-child(even) .text {
		margin-left: auto !important;
		max-width: auto !important;
	}

	#servicePlan section.item:nth-child(odd) .text {
		float: none;
		margin-left: 0;
		width: 100%;
	}

	#servicePlan section.item:nth-child(odd) .photo {
		float: none !important;
	}

	#servicePlan section.item .text p {
		text-align: justify;
		margin-left: 0;
		font-size: 16px;
		line-height: 2;
	}

	#servicePlan section.item .photo {
		width: 100% !important;
	}

	#servicePlan section.item .textMobile {
		width: 100% !important;
		position: static;
		max-width: 100% !important;
		transform: none;
		-webkit-transform: none;
		margin-top: 0;
		padding: 30px 20px 20px 20px;
	}

	.service_link li {
		display: block;
		margin-bottom: 15px;
	}

	.service_link li a,
  .service_link li:last-child a {
		margin: 0 20px;
	}

	#servicePlan section.item .center {
		margin-bottom: 0;
	}

	#servicePlan section.item .icon {
		margin-top: 20px;
		margin-left: 0;
	}

	#servicePlan section.item .icon li {
		width: 50px;
		margin-right: 5px;
	}

	#link_bn {
		display: block;
		margin: 0 auto;
		margin-bottom: 40px;
	}

	/* #link_bn li {
		margin-bottom: 20px;
	} */


/*
---------------------------
サービスTOP 600px
---------------------------
*/
	.swiper-container-android .swiper-slide,
	.swiper-wrapper {
		margin-top: 10px;
	}

	.serviceTOP .servicetop {
		max-height: 520px;
		height: 108.333vw;
	}


	.pc_only {
		display: none;
	}
	.sp_only {
		display: block;
	}
	section.service_feature {
		display: none;
	}

	.contentTitle {
		margin-top: 50px;
	}



	.pic_info {
		padding: 20px;
		margin-top: 20px;
		margin-bottom: 30px;
		background-color: #4a453f;
		color: #fff;
	}
	.pic_info_inner {
		width: fit-content;
	    margin: 0 auto;
	}
	.pic_info li {
		margin: 0;
		font-size: 16px;
		line-height: 1.7;
	}
	.pic_info .float {
		margin: -29px 13rem;
	}

	#servicePlan.serviceTOP .item h2 {
		margin-bottom: 20px;
		font-size: 28px;
	}

	#servicePlan.serviceTOP h4 {
		font-size: 2.3rem;
		padding: 0;
		text-align: left;
		line-height: 1.3;
	}

	.serviceTOP .item .imgMobile img {
		margin: unset;
	}

	.serviceTOP .item .text .imgMobile {
		width: auto !important;
	}

	#servicePlan.car_management section.item01 .photo {
		width: 100%;
	}

	#servicePlan section.item02 .photo {
		float: right !important;
	}

	#servicePlan section.item04 {
		padding: 0;
	}

	#servicePlan.car_management section.item05 .text {
		margin-left: auto !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.fixed {
		margin-bottom: 140px;
	}

	.fixed .backColor {
		padding: 2rem;
		height: 52.083vw;/*250px;*/
	}

	.fixed .photo.imgMobile {
		top: 100px;
	}

	.serviceTOP .plan {
		padding: 0 20px;
	}

	.serviceTOP .plan ul {
		margin-top: 30px;
	}

	.serviceTOP .more-link {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.backColor {
		padding: 0 20px;
	}

	#servicePlan.serviceTOP section.item {
		padding: 20px 0;
	}

	#servicePlan.serviceTOP section.item01 {
		margin: 30px 0 !important;
	}

	#servicePlan.serviceTOP section.item .icon {
		float: none;
		margin-right: 0;
		margin: 0 auto;
	}

	#servicePlan.serviceTOP h2 {
		text-align: center;
		margin-top: 30px;
	}

	/* #servicePlan.serviceTOP .item01 h4 br {
		display: block;

	}
 */
	#servicePlan.serviceTOP section.item02 {
		margin-right: 0 !important;
	}

	#servicePlan.serviceTOP section.item03 {
		margin-left: 0 !important;
	}

	.fixed .photo {
		width: 80% !important;
		top: 130px !important;
		left: 0;
		right: 0;
		margin: auto;
	}

	#servicePlan.serviceTOP .fixed h2 {
		padding-left: 0;
	}

	.serviceTOP .list_container img {
		padding-bottom: 0;
		background: transparent;
	}

	.fukidasi_contents::after {
		content: none;
	}

	.more-link_top {
		position: inherit;
	}


/*
---------------------------
リアルタイム動態管理 600px
---------------------------
*/
	#servicePlan.car_management .visual_img.imgMobile {
		max-width: 500px;
	}

/*03 運行履歴*/
	#servicePlan.car_management section.item01,
	#servicePlan.car_management section.item05 {
		margin-left: 0 !important;
	}

	#servicePlan.car_management .item02 {
		margin-right: 0 !important;
	}

	.car_management section.item:nth-child(4) .text {
		margin-left: auto !important;
	}

	.car_management section.item:nth-child(4) {
		padding: 0 0 10px 0;
	}

	.car_management section.item:nth-child(4) .photo,
	.car_management section.item:nth-child(5) .photo {
		width: 90% !important;
	}

/*04 ストリートビュー*/
	.car_management section.item:nth-child(5) .photo {
		padding-right: 0;
	}

/*05 グループ別*/
	.car_management section.item:last-of-type .photo {
		width: 100% !important;
	}


/*
---------------------------
リアルタイム安全管理 600px
---------------------------
*/
/*01 危険運転検知*/
	#servicePlan.safety section.item:nth-child(2) {
		padding: 0;
	}

	.safety section.item:nth-child(2) ul {
		margin-bottom: 20px !important;
	}

	.safety section.item:nth-child(2) ul li {
		width: 40%;
		max-width: 240px;
		margin: 0 5px 10px 5px;
	}


/*02 危険運転通知*/
	#servicePlan.safety section.item:nth-child(3) {
		padding-right: 0;
		margin-bottom: 0 !important;
	}

	#servicePlan.safety section.item:nth-child(3) .photo {
		width: 80% !important;
	}

	#servicePlan.safety section.item .text {
		width: 100% !important;
	}

/*03 連続運転通知*/
	#servicePlan.safety section.item:nth-child(4) {
		margin-top: 0 !important;
	}

	#servicePlan.safety section.item03 br {
		display: none;
	}

/*04 管理画面に通知*/
	#servicePlan.safety section.item:nth-child(5) .photo {
		width: 90% !important;
	}

	.safety .pc_gamen_container {
		margin-top: 50px;
	}

	.safety .pc_gamen_container > li {
		position: relative;
		overflow: hidden;
		padding-bottom: 20px;
		margin-bottom: 30px;;
	}

	.safety .pc_gamen li {
		width: 80%;
		display: block;
		margin: -40px auto 0;
	}

	.safety .pic {
		font-weight: bold;
		color: #68C68D;
		font-size: 2.8rem;
		margin-bottom: 10px;
		position: relative;
		border-radius: inherit;
		width: 100%;
	}

	.safety img.mark {
		width: 70px;
		float: left;
		float: inherit;
		position: absolute;
		top: 0;
		right: 200px;
	}

	#describe2 .mark {
		width: 50px;
		right: 210px;
	}

	.safety .describe p:nth-of-type(2) {
		margin-left: 80px;
		line-height: 1.6;
	}

	.pc_gamen_container > li > ul > li:first-child {
		width: 302px;
	}

	.pc_gamen_container > li > ul > li:nth-child(2),
	.pc_gamen_container > li > ul > li:last-child {
		width: 260px;
	}

	.pc_gamen_container > li > ul {
		padding-top: 30px !important;
	}

	#describe1 .mark {
		width: 50px;
	}




/*
---------------------------
リアルタイム働き方管理 600px
---------------------------
*/
	#servicePlan.work .visual_img {
		width: 75%;
	}

	.work section.item:nth-child(2) .photo {
		padding-right: 20px;
	}

/*03 労働状況確認*/
	#servicePlan.work section.item03 .textMobile {
		padding: 0;
	}

	.work_container ul {
		margin-top: 30px;
		margin-bottom: 50px;
	}

	.work .pic {
		margin-left: 0 !important;
	}

	.work_container {
		width: 100%;
	}

	.work_container ul {
		overflow: hidden;
		text-align: center;
		margin-left: 0;
	}

	.work_container li {
		width: 30%;
		margin-right: 0;
		display: inline-block;
		vertical-align: top;
	}

	.work_container li p br {
		display: block;
	}

	.work_container li p {
		line-height: 1.2 !important;
	}

	.work_container li img {
		max-width: 100px;
	}

	.work_container table img {
		width: 22px;
	}

	.work_container table th {
		padding-right: 10px;
	}

	.work_container table th p {
		padding: 0 10px;
		white-space: nowrap;
	}

	.work_container table th:nth-child(2) {
		line-height: 1.4;
	}

	.work_container table td {
		line-height: 1.3;
	}


/*
---------------------------
便利機能 600px
---------------------------
*/
	#servicePlan.useful .visual_img.imgMobile {
		width: 90%;
	}

/*01 タブレット対応*/
	#servicePlan.useful section.item01 {
		margin-bottom: 0 !important;
	}

	#servicePlan.useful section.item01 .photo {
		width: 80% !important;
	}

	.useful section.item01 .textMobile br:nth-child(2) {
		display: none;
	}

/*02 縦画面*/
	#servicePlan.useful section.item02 {
		margin-top: 0 !important;
	}

	#servicePlan.useful section.item02 .photo {
		width: 70% !important;
	}

/*03 メッセージ機能*/
	#servicePlan.useful section.item03 .photo {
		padding-right: 20px;
		padding-bottom: 20px;
		margin-left: 0;
	}

	#servicePlan.useful section.item03 {
		margin-bottom: 0 !important;
	}

	.useful section.item03 .textMobile br:nth-child(2) {
		display: none;
	}

/*04 管理機能*/
	.useful section.item04 {
		background-color: #f5f5f5;
	}

	.useful section.item04 li {
		margin-top: 30px;
	}

	.useful section.item04 img {
		width: 90%;
		display: block;
	}

	#servicePlan.useful section.item04 {
		margin-top: 0 !important;
		padding: 30px 20px;
	}

	#servicePlan.useful section.item04 .textMobile {
		padding: 0;
	}

	#servicePlan.useful .item04 h3 {
		padding-top: 30px;
	}

	#servicePlan.useful .item04 h3 span {
		display: table;
	}

	#servicePlan.useful .item04 ul {
		margin-top: 0;
	}

	#servicePlan.useful .item04 li {
		width: 100% !important;
	}

	.useful section.item04 img {
		width: 100%;
	}


/*
---------------------------
ご利用プラン 600px
---------------------------
*/
	#servicePlan.pricing .servicetop {
/*		margin: 65px 0 0;*/
		padding: 0;
		height: 58.333vw;
		margin-right: -150px;
	}

	#servicePlan.pricing .visual_img {
		margin-top: 0;
		width: 110%;
	}

	#servicePlan.pricing .visual_img img {
		object-fit: cover;
	}

	#servicePlan.pricing .visual_text {
		width: 53%;
		top: 40%;
		left: 20px;
	}

	#servicePlan.pricing .visual_text p br:nth-child(2) {
		display: none;
	}

	#plan .inner li {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
	}

	#plan .inner li:nth-child(2) {
		padding-bottom: 10px;
	}

	#plan .inner li:nth-child(3) {
		border-bottom: none;
	}

	#plan .notes {
		text-align: center;
		margin-top: -30px;
	}

	.pricing table {
		margin-top: 20px;
		line-height: 1.5;
	}

	.pricing table .color th {
		font-size: 1.6rem;
	}

	.recruit-area.inner {
		padding: 0 20px;
	}

}
/* End ---------------------------------------- max-width:600px */




/* 【max-width:550px】--------------------------------------------------------------------------------------------------------------------------------------  */
@media screen and (max-width:550px) {
	.serviceTOP #js-show-popup {
		width: 90%;
	}

}



/* 【max-width:510px】--------------------------------------------------------------------------------------------------------------------------------------  */
@media screen and (max-width: 510px) {
	#servicePlan.pricing .visual_text {
		width: 50%;
	}

}


@media screen and (max-width: 500px) {
	#servicePlan h1 {
		font-size: 7vw;
	}
	#servicePlan.pricing .visual_text {
		top: 50%;
	}
	#servicePlan .visual_text img.logo_DX {
		margin-bottom: 4vw;
	}
}



/* 【max-width:480px】--------------------------------------------------------------------------------------------------------------------------------------  */
@media screen and (max-width: 480px) {
	.fluid-box {
		padding: 15px 0;
	}

	main,
	#recruit .rec01 p,
	#recruit .environment .text {
		font-size: 16px !important;
	}

	li.menu__single ul.menu__second-level a {
		padding-left: 30px;
	}

	#recruit h2,
	#recruit-list h2,
	#company .ttl {
		font-size: 6.25vw;
	}
	#company .terms_ttl {
		margin-top: 100px;
		line-height: normal;
	}

  #download_nav #js-show-popup {
    padding: 5px 0;
  }

  .download .popup-inner {
    height: inherit;
    max-height: 282px;
  }

	.floating_bannar {
		width: 180px;
		height: 150px;
		right: 0;
	}
	.floating_bannar.seminar {
	  bottom: 180px;
	  right: 0;
	}
	.floating_bannar button {
		font-size: 20px;
		padding: 5px;
		top: 2px;
		left: -30px;
	}
	.dounyuu {
		bottom: 155px;
	}
	.syokihiyou {
		bottom: 20px;
	}
	.footer {
		/* padding-bottom: 150px; */
		/* padding-bottom: 250px; */
		padding-bottom: 300px;
	}
	#recruit .footer, #recruit-list .footer, #confirm .footer, #thanks .footer, #download-info .footer {
		padding-bottom: 0;
	}
/*
---------------------------
TOPページ 480px
---------------------------
*/
	#topPage h2,
	#recruit h2,
	#recruit-list h2 {
		font-size: 25px;
	}

	#topPage main {
		line-height: 2;
	}

	#topPage h2 {
		line-height: 1.5;
	}

	#topPage .service_movie,
	#topPage .service {
		margin-top: 30px !important;
	}

	.service_movie iframe {
		width: 100%
	}

	#topPage h2 span,
	#recruit h2 span,
	#recruit-list h2 span,
	#company .ttl span {
		font-size: 4.1666vw;
	}

	#topPage .service .catch {
		font-size: 18px;
	}

	.swiper-slide-content {
		padding: 10px;
		height: 120px;
	}

	#topPage section.top_info {
		margin-top: 30px !important;
	}

  .download img {
    width: 95%;
  }

/*
---------------------------
サービス関連 480px
---------------------------
*/
	#servicePlan h2,
	#digital h2 {
		font-size: 20px;
	}

	#servicePlan.serviceTOP .more-link {
		margin-top: 20px;
	}

	#servicePlan .visual_img {
		width: 100% !important;
		margin-top: 15px;
	}

	#servicePlan.serviceTOP .plan .inner {
		padding: 0;
	}

	.work_container li img {
		width: 20.833vw;
	}

	.work_container li p {
		font-size: 12px;
	}

	#servicePlan.pricing .servicetop {
		margin-right: -200px;
	}

	#servicePlan.pricing .visual_text {
		width: 45%;
	}

	#servicePlan.car_management .item02 .photo {
		max-width: 100%;
	}

	#servicePlan.car_management section.item02 .text,
	#servicePlan.work section.item02 .text,
	#servicePlan.useful section.item02 .text {
		width: 100% !important;
	}

	#servicePlan.safety section.item:nth-child(3) .photo {
		margin: 0 auto;
	}

	#servicePlan.useful section.item01 .photo,
	#servicePlan.useful section.item02 .photo {
		margin: 0 auto;
	}

	.backColor ul > li {
		display: block;
		margin: 0 auto 50px;
		width: 90%;
	}

	.backColorUl li:last-child {
		margin-left: 0;
		margin-right: auto !important;
		margin: 0 auto;
	}

	.pic_info .float {
		margin-right: 20px;
	}


/*
---------------------------
デジタル化推進 480px
---------------------------
*/
	.custom img {
		width: 100%;
	}

	.link {
		float: right;
		margin-top: 1rem;
		font-size: 2rem;
	}

	.custom,
	.support {
		padding: 30px 20px;
	}

	.custom p,
	.support p,
	.support h3 {
		margin-bottom: 20px;
	}


/*
---------------------------
会社概要 480px
---------------------------
*/
	#company table th,
	#company table td {
		width: 100%;
		display: block;
	}

	#company table th {
		padding-top: 5px;
	}

	#company table td {
		padding-bottom: 5px;
	}

	#company .fluid-box h2 {
		text-align: center;
	}

	#company .fluid-box {
		margin-bottom: 30px;
	}

	.greeting {
		line-height: 2;
	}

	.authors {
		background-color: #ededed;
		padding: 15px 20px;
		margin: 20px 0;
	}

	.book li:nth-child(2) br:nth-child(3) {
		display: none;
	}

	#company .book li {
		display: block;
	}

	#company .book li:first-child {
		margin-right: 0;
		margin-bottom: 50px;
	}

	#company .book li img {
		width: 70%;
		max-width: 230px;
	}

	#company .book li a {
		word-break: break-all;
	}


/*
---------------------------
採用情報 480px
---------------------------
*/
	#recruit .rec01 p,
	#recruit .environment .text {
		line-height: 2;
	}

	.recruit-area.inner {
		width: 100%;
		padding: 0 20px;
	}


/*
---------------------------
インフォメーション 480px
---------------------------
*/
  #topPage.infomation section.top_info {
    margin-top: 100px !important;
  }


/*
---------------------------
ブログ 480px
---------------------------
*/
	#column.visual p {
		text-align: justify;
		margin-top: 20px;
	}
	#column.visual p br {
		display: none;
	}
	.widgetPost {
		width: 100%;
	}


	/*
	---------------------------
	資料ダウンロード 480px
	---------------------------
	*/
		#download-info main {
			padding-top: 50px;
		}
		#download-info .title {
			font-size: 10px;
			line-height: 1.8;
		}
		#download-info .text {
			overflow: inherit;
			margin-bottom: 30px;
			padding-left: 0;
		}
		#download-info .text img {
			width: 100%;
			float: inherit;
		}
		#download-info .text p {
			position: inherit;
			font-size: 16px;
			line-height: 1.6;
			width: 100%;
			margin-right: 0;
			float: inherit;
			transform: inherit;
			padding: 20px;
		}
		/* #download-info form input[type="email"] {
			width: 74%;
		} */
		.email_area {
			width: 100%;
		}
		#index-iframe p {
			font-size: 16px;
		}
		#download-info .title span {
		  display: block;
		}
		#download-info .select ul {
			display: block;
		}

		.select ul {
			display: block !important;
		}


/*
---------------------------
フッター 480px
---------------------------
*/
	#footer_contact {
		font-size: 15px;
		height: auto;
	}

	#footer_contact ul {
		height: auto;
		line-height: 1.5;
	}

	#footer_contact li {
		height: 100px;
		width: 250px;
		display: block;
		margin: 0 auto;
	}

	#footer_contact li:nth-child(2) {
		margin: 20px auto;
	}

	#footer_contact li:nth-child(2) .box {
		margin-top: 15px;
	}

	#footer_contact a {
		padding: 10px 16px;
		border-radius: 12% / 50%;
	}

	#service .box img {
		width: 40vw;
	}

	/* ダウンロードボタン */
  .download a {
    font-size: 20px;
  }

}
/* End ---------------------------------------- max-width:480px */


@media screen and (max-width:420px) {
  /* ダウンロードボタン */
  .download a {
    font-size: 18px;
  }
}


/* 【max-width:400px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:400px) {
	#servicePlan.pricing .servicetop {
		height: 62.5vw;
	}

	#servicePlan.pricing .visual_text {
		margin-top: 3.75vw;
		width: 40%;
	}

	#recruit-list .visual li img {
		width: 40px;
	}

	.visual li {
		font-size: 1.5rem;
	}

	#contact-form #form-btn .check-button,
	#confirm #form-btn input,
	#thanks #form-btn button {
		font-size: 2rem;
		padding: 2px 10px;
	}

	#recruit-list .title {
		font-size: 1.8rem;
		border-radius: 5px;
	}

	#recruit-list .info,
	#recruit-list .red {
		text-align: justify;
	}

	#contact-form table th span {
		margin-top: -2px;
		font-size: 1.3rem;
		padding: 0 5px;
	}

	#confirm .info p,
	#thanks .info p {
		text-align: justify;
	}

	footer .footer-logo ul {
/*		position: static;*/
		top: 60px;
	}

  .imgListWidget__borderBox {
    width: 150px;
    height: 100px;
  }
}

/* End ---------------------------------------- max-width:400px */



/* 【max-width:420px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 420px) {

	.pc_only {
		display: contents;
	}

  .download #js-show-popup {
    margin: 0 20px;
  }

  .download img {
    width: 100%;
  }

  /*資料ダウンロードiframe ※iframeの幅が420px以下*/
  .popup-inner{
    padding: 20px;
  }

  #index-iframe img {
    width: 100%;
    margin-top: 30px;
  }

  #index-iframe input[type="email"] {
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }

  #index-iframe input[type="submit"],
  #index-iframe input[type="button"] {
    float: right;
  }

  #index-iframe p {
    padding-top: 0;
  }

  #index-iframe #default_info {
    clear: both;
    padding-top: 10px;
  }


}



/* 【max-width:360px】 --------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 360px) {
	.backColorUl .list_container:last-child .pic_text {
		letter-spacing: -0.5px;
	}

	#servicePlan.serviceTOP .fixed h2 {
		line-height: 1.5;
	}

	.service_picup .pic_text {
		font-size: 14px;
	}

	.fixed .photo {
		top: 100px !important;
	}
}

/* よくある質問 */
@media screen and (max-width: 1450px) {
	#servicePlan .question h2 {
		font-size: 40px;
	}
	p.question_txt, .answer_txt, .answer_txt p {
		font-size: 16px;
	}
	.download a {
		font-size: 24px;
	}
	p.question__cat {
		font-size: 17.6px;
	}
}
@media screen and (max-width: 750px) {
	.download {
    margin-bottom: 50px;
	}
	.download a {
	    border-radius: 4px;
	}
}
@media screen and (max-width: 850px) {
	.question {
    width: 100%;
    padding: 0 50px;
	}
}
@media screen and (max-width: 599px) {
	.question {
    padding: 0 30px;
	}
	.content_title p {
		font-size: 2.3rem;
	}
}
@media screen and (max-width: 480px) {
	#servicePlan .question h2 {
		font-size: 8.333vw;
		letter-spacing: 0.7vw;
	}
}
@media screen and (max-width: 456px) {
	p.question__cat {
		font-size: 15.84px;
	}
	p.question_txt, .answer_txt, .answer_txt p {
		font-size: 14.4px;
	}
}

/* サービスTOP */
@media screen and (max-width: 1450px) {
	#servicePlan.serviceTOP .visual_text img.logo_DX {
		width: 380px;
    margin-bottom: 25px;
	}
	#servicePlan.serviceTOP .visual_text h2,
	#servicePlan.serviceTOP .visual_text p {
		background: rgba(255,255,255,0.5);
	}
	#servicePlan.serviceTOP .visual_text p {
		font-size: 2.344vw;
	}
	.work_link a {
		font-size: 2.413vw;
	}
	.work_link span {
		font-size: 1.724vw;
	}
}
@media screen and (max-width: 1024px) {
	#servicePlan.serviceTOP .visual_text h2,
	#servicePlan.serviceTOP .visual_text p {
		background: transparent;
	}
	.serviceTOP .top_visual {
		background-image: url(../images/service_top/img_serviceTOP_SP@2x.jpg);
		height: 133.105vw;
		margin-top: 40px;
	}
	#servicePlan.serviceTOP .visual_text {
		padding-left: 40px;
		padding-right: 40px;
		width: 100%;
		margin: auto;
    padding-top: 80px;
    z-index: 10;
		float: none;
	}
	#servicePlan.serviceTOP .visual_text img.logo_DX {
    display: block;
    margin: 0 auto 30px;
	}
	#servicePlan.serviceTOP .visual_text p {
		font-size: 3.125vw;
		font-weight: 700;
	}
	#servicePlan.serviceTOP .visual_text h2 {
		font-size: 6.5vw;
	}
	#servicePlan.serviceTOP .visual_text ul {
		display: flex;
		justify-content: center;
		margin-top: 1.953vw;
	}
	#servicePlan.serviceTOP .visual_text li {
		width: 13.671vw;
		height: 13.671vw;
		float: none;
		min-width: 100px;
		min-height: 100px;
	}
	.work_link_box {
		margin-top: 0;
		bottom: 6.835vw;
	}
	.work_link {
		background: #fff;
		border-radius: 2.685vw / 50%;
	}
	.work_link a {
		font-size: 3.417vw;
	}
	.work_link span {
		font-size: 2.441vw;
	}
}
@media screen and (max-width: 900px) {
	#servicePlan.serviceTOP .visual_text img.logo_DX {
    width: 400px;
	}
}
@media screen and (max-width: 720px) {
	#servicePlan.serviceTOP .visual_text h2 {
		font-size: 42px;
	}
	.br_visual_text {
		display: block;
	}
	#servicePlan.serviceTOP .visual_text p {
		font-size: 20px;
	}
	#servicePlan.serviceTOP .visual_text p,
	#servicePlan.serviceTOP .visual_text h2 {
		text-align: center;
	}
}
@media screen and (max-width: 680px) {
	#servicePlan.serviceTOP .visual_text {
		padding-top: 60px;
	}
}
@media screen and (max-width: 599px) {
	#servicePlan.serviceTOP .visual_text img.logo_DX {
    width: 66.777vw;
	}
	#servicePlan.serviceTOP .visual_text h2 {
		margin-top: 0;
	}
	.work_link_box {
		bottom: 50px;
		right: 20px;
		left: 20px;
	}
	.work_link {
		border-radius: 16px / 50%;
	}
	.work_link a {
		text-align: center;
		font-size: 20px;
	}
	.work_link span {
		font-size: 15px;
	}
}
@media screen and (max-width: 500px) {
	#servicePlan.serviceTOP .visual_text img.logo_DX {
    margin-bottom: 4vw;
	}
}
@media screen and (max-width: 480px) {
	#servicePlan.serviceTOP .visual_text {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	#servicePlan.serviceTOP .visual_text h2 {
		text-align: left;
	}
	#servicePlan.serviceTOP .visual_text li {
		min-width: inherit;
		min-height: inherit;
		width: 23%;
		height: 23%;
		margin-right: 2%;
	}
	.work_link {
		height: 35px;
		padding: 0 30px 0 20px;
	}
}
@media screen and (max-width: 440px) {
	#servicePlan.serviceTOP .visual_text h2 {
		font-size: 9vw;
	}
	#servicePlan.serviceTOP .visual_text p {
		font-size: 4.545vw;
	}
}
@media screen and (max-width: 400px) {
	.work_link a {
		font-size: 5vw;
	}
	.work_link span {
		font-size: 3.75vw;
	}
}

/* ダウンロードボタン */
@media screen and (max-width:480px) {
	.download a {
    font-size: 20px;
	}
}
@media screen and (max-width:420px) {
	.download a {
    font-size: 18px;
	}
}

/* サービスのバナー */
@media screen and (max-width: 1200px) {
  #link_bn .inner {
		padding: 0 50px;
	}
}
@media screen and (max-width: 1000px) {
	#link_bn li {
		width: 50%;
		max-width: 294px;
	}
	#link_bn li:last-child {
		margin-right: 0;
	}
	#link_bn li:nth-child(1), #link_bn li:nth-child(2) {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 708px) {
	#link_bn li {
		width: 294px;
	}
  #link_bn li, #link_bn li:nth-child(1), #link_bn li:nth-child(2) {
		margin-bottom: 0;
	}
}

/* バナー下リンク */
@media screen and (max-width: 1450px) {
  .service_link li a {
    font-size: 14.4px;
  }
}
@media screen and (max-width: 750px) {
  .service_link li {
    display: block;
    margin-bottom: 15px;
  }
  .service_link li a, .service_link li:last-child a {
    margin: 0 20px;
  }
	#link_bn .inner {
		padding: 0 20px;
	}

	#contact-form #form-btn .check-button, #confirm #form-btn input, #thanks #form-btn button {
		font-size: 20px;
	}
}