@media screen and (max-width: 1280px) {
	header .box .right ul li a{ font-size: 1.3rem; }

}
@media screen and (max-width: 1180px) {
	#top .fv .link-box{ display: none; }
	#rental .tab_box .panel_area{ padding: 55px 30px 30px; }
	#rental .tab_box .tab_panel .middle .box ul li h4{ font-size: 2.2rem; }
	#rental .tab_box .tab_panel .middle .box ul li{ padding: 70px 30px 30px; }

	footer .bottom .right ul{ max-width: 200px; }
}
@media screen and (max-width: 1024px) {
	.ipad { display: block; }
	#rental .tab_box .tab_panel .middle .box ul li h4 { font-size: 2vw; width: calc( 100% - 40px ); }
	#rental .tab_box .tab_panel .middle .box ul li{ padding: 55px 20px 20px; }

	#rental .tab_box .tab_panel .top .img-box p{ font-size: 3rem; line-height: 1.8em; }
	#company #sec01 .left .message-button{ display: block; max-width: 100%; margin-left: 0; }
	#company #sec01 table td ul{ max-width: 100%; margin-top: 10px;  }

	footer .bottom .flex-box{ display: block; }
	footer .bottom .left{ margin-right: 0; margin-bottom: 70px; }
	footer small.pc{ display: none; }
	footer small.sp{ margin-top: 70px; display: block!important; text-align: center; }
	footer .bottom .left p,
	footer .bottom .left p a,
	footer .bottom .left .logo{ text-align: center; }
	footer .bottom .left .banner-box { margin: 30px auto; }
	footer .bottom .right ul{ max-width: 100%; }
}

@media screen and (max-width: 991px) {
	#top #sec01 .bottom ul li{ width: calc( 100% / 2 - (10px)); margin-right: 0!Important; }
	#top #sec01 .bottom ul li:not(:last-child){ margin-bottom: 20px; }
	#top #sec01 .bottom ul li:nth-child(odd){ margin-right: 20px!Important; }
	#top #sec01 .bottom ul li:last-child{ width: 100%; margin-right: 0!Important; }
	#top #sec02 .bottom ul li { width: 48%; }

	#maintenance #sec03 .sec03-inner .box{ width: 48%; }
	#maintenance #sec03 .sec03-inner .box .top-outer{ padding: 30px 20px 35px; }
	#maintenance #sec03 .sec03-inner .box .bottom-outer{ padding: 40px 20px; }
	
}

@media screen and (min-width: 821.98px) {
	header .box .right ul li.nav-btn{ text-align: center; background: var(--main-color); padding: 30px 0; margin-left: 5px; }
	header .box .right ul li.nav-btn a{ width: 100%; color: #fff; }
	footer .bottom .left{ max-width: 360px; max-width: 100%; }
}


@media screen and (max-width: 820px) {
	header .pc,
	footer .pc{ display: none!important; }
	header .sp,
	footer .sp{ display: block!Important; }

	header .box .right ul li:nth-child(-n+4) { margin-right: 30px; }
	header .box .right ul li a { font-size: 1.3rem; }

	header{ padding: 10px 0; height: 65px; vertical-align: center; border: none; }
	header .box{ height: 100%; position: relative;  }
	header .box .left { width: 100%; }
	header .box .right{ width: 65px; height: 65px; }
	header .box .right ul{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
	header .box .right ul li{ padding: 0; border-top: 1px solid var(--main-color); }
	header .box .right ul li:nth-child(-n+4) { margin-right: 0px; }
	header .box .right ul li:not(:last-child) a{ border-left: none; }
	header .box .right .icon-list ul li{ margin-right: 20px; }
	header .box .right .modalbtn{ transition: 0.3s; display: block; position: absolute; width: 65px; height: 65px; right: 0; top: -10px; background-color: var(--main-color); z-index: 998; }
	header .box .right .modalbtn span{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.3s; height: 2px; width: 25px; background: #fff; }
	header .box .right .modalbtn:before{ content: ""; transition: 0.2s; position: absolute; width: 25px; height: 2px; background: #fff; top: 25px; left: 0; right: 0; margin: auto; }
	header .box .right .modalbtn:after{ content: ""; transition: 0.2s; position: absolute; width: 25px; height: 2px; background: #fff; bottom: 25px; left: 0; right: 0; margin: auto; }
	header .box .right .modalbtn.active:before{ -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 31.5px; }
	header .box .right .modalbtn.active:after{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 31.5px; }
	header .box .right .modalbtn.active span{ opacity: 0; }
	header .box .right .nav-box{ position: fixed; background-color: #FFF; right: -50%; top: 65px; width: 50%; height: calc( 100% - 65px ); overflow-x: scroll; background-color: #FFF; transition: all .6s; z-index: 998; }
    header .box .right .nav-box.active { right: 0; width: 100%; background-color: #FFF; color: var(--main-color);} /* ハンバーガーメニューactive時 */
    header .box .right .nav-box ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
    header .box .right .nav-box ul li{ width: 100%; background: #fff!Important; }
    header .box .right .nav-box ul li a{ position: relative; width: 100%; font-size: 1.5rem; color: var(--main-color)!important; justify-content: left; padding: 25px 20px; }
    header .box .right .nav-box ul li a:before{ content: ""; position: absolute; width: 11px; height: 13px; background: url(../images/common/nav-arrow.svg) no-repeat; background-size: contain; background-position: right center; top: 0; bottom: 0; right: 20px; margin: auto; }
    header .box .right .nav-box ul li.nav-btn1{ order: 6; border: none; padding: 0; }
    header .box .right .nav-box ul li a span{ text-align: left; font-size: 1.5rem; margin-top: 0; }
    #js-black-bg.active{ background: #000; height: 100vh; width: 100vw; position: fixed; z-index: 990; top: 0; opacity: 0.6; }

    header .box .right ul li:before{ content: none; }

    footer{ padding: 20px 0 100px; }
    footer .top{ text-align: center; margin: 20px; }
    footer .bottom .left p{ font-size: 1.5rem; }
	footer .top .flex{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	footer .top .left{ text-align: center; width: 100%; padding-right: 0; margin-bottom: 30px; }
	footer .top .left h2{ margin-bottom: 20px; }
	footer .top .right{ width: 100%; display: block; }
	footer .top .right a{ width: 100%; }
	footer .top .right a:nth-child(1){ margin-bottom: 15px; }
	
	footer{ padding-bottom: 20px; }
	footer .bottom .flex{ text-align: left; }
	footer .bottom .right{ margin-left: -15px; }
	footer .bottom .right ul li{ margin:0; }
	footer .bottom .right ul li:not(:last-child){ margin: 0; }
	footer .bottom .right ul li ul{ padding-left: 0; border-left: none; }
	footer .bottom .right ul li a.big-item{ display: block; font-size: 1.5rem; font-weight: 700; padding: 15px; }
	footer .bottom .right ul li a.small-item{ display: block; font-size: 1.5rem; font-weight: 700; padding: 15px; margin-left: 15px; }
	footer .bottom .right ul li span.big-item{ position: relative; display: block; font-size: 1.5rem; font-weight: 700; padding: 15px; }
	footer .bottom{ display: block; text-align: center; }
	footer .bottom a.logo{ margin: 0 auto 25px; }
	footer .bottom p{ padding: 0; text-align: center; margin-bottom: 50px; }
	footer small{ display: block; font-size: 1.2rem; margin: 30px 0px 10px; }

	footer .bottom nav.right span.big-item{ color: #FFF; font-weight: 500; font-size: 1.7rem; }
	footer .bottom nav.right{ justify-content: flex-end; }
	footer .bottom nav.right ul li{ border-top: 1px solid #ffffff63; width: calc( 100% + 15px ); position: relative; }
	footer .bottom nav.right .aco2 li:last-child{ border-bottom: 1px solid #ffffff63; }
	footer .bottom nav.right .big-item{ font-size: 1.5rem; font-weight: 700; }
	footer .bottom nav.right .big-item{ width: 100%; }
	footer .bottom nav.right .rec{ border-bottom: 1px solid #ffffff63; } /* 採用情報 下線 */
	footer .bottom nav.right ul li .small-item{ font-size: 1.5rem; font-weight: 700; }
	footer .bottom .right ul li a{ width: 100%; }
	footer .bottom .right ul:nth-child(-n+2){ margin-right: 0; }
	footer .bottom nav.right ul li .aco{ display: none; }
	footer .bottom nav.right ul li ul{ margin-top: 0; background: #ffffff5e; }
	footer .bottom nav.right span.big-item{ position: relative; }
	footer .bottom nav.right span.big-item::before{ content: ""; transition: 0.3s; position: absolute; right: 15px; top: 17.5px; height: 10px; width: 1px; background: #fff; }
	footer .bottom nav.right span.big-item::after{ content: ""; position: absolute; right: 10.5px; top: 22px; height: 1px; width: 10px; background: #fff; }
	footer .bottom nav.right span.big-item.active::before{ transform: rotate(90deg); } /* ハンバーガーメニューactive時 */


	footer #page-top{ right: 0; }

	#top #sec01 .box .left { padding: 75px 30px 75px 0; }
	.slick-slide img{ height: calc( 100vh - 65px ); min-height: 600px; object-fit: cover; }

	#top #sec01 { margin-bottom: 120px; }

	#top #sec02 .right { width: 45%; padding-left: 50px; }
	#top #sec02 .left { width: 55%; margin: 0 0 40px; }
	#top #sec02 .top .right{ width: 100%; padding-left: 20px; margin-left: 0; }
	#top #sec02 .top{ display: block; padding: 0; }
	#top #sec02 .top .left{ width: 100%; }
	#top #sec02 .bottom{ padding:0; }

	footer .box .left{ margin-bottom: 50px; display: block; }
	footer .flex{ display: block; }

	#it-service #sec03 h3{ font-size: 2.6rem; }

	#rental .tab_box .tab_btn{ width: 50%; padding: 15px 10px; }
	#rental .tab_box .tab_btn p{ font-size: 2.2rem; line-height: 1.2em; }
	#rental .tab_box .tab_btn span{ font-size: 1.3rem; }
	#rental .tab_box .panel_area{ padding: 50px 20px; }
	#rental .tab_box .tab_panel .top .box{ margin-top: 0; }
	#rental .tab_box .tab_panel .top .box h3{ max-width: 100%; padding: 15px 5px; line-height: 1.5em; width: 100%; position: unset; transform: unset; font-size: 2.2rem; border-radius: 30px 30px 0 0; }
	#rental .tab_box .tab_panel .top .box ul{ border-radius: 0 0 30px 30px; }
	#rental .tab_box .tab_panel .top .box ul{ padding: 0 20px; display: block; }
	#rental .tab_box .tab_panel .top .box ul li{ padding: 25px 0; width: 100%; }
	#rental .tab_box .tab_panel .top .box ul li:not(:last-child) { border-right: none; border-bottom: 2px solid #fff; }
	#rental .tab_box .tab_panel .top .text-box h3{ font-size: 2.4rem; }
	#rental .tab_box .tab_panel .top .img-box { position: relative; padding-top: 75%; overflow: hidden; }
	#rental .tab_box .tab_panel .top .img-box img{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; }
	#rental .tab_box .tab_panel .top .img-box p { right: auto; left: 0; width: 100%; text-align: center; font-size: 5vw; line-height: 1.4em; }
	#rental .tab_box .tab_panel .middle .box ul{ display: block; margin-top: 0;}
	#rental .tab_box .tab_panel .middle .box ul li{ width: 100%; padding: 0 20px 20px; }
	#rental .tab_box .tab_panel .middle .box ul li:not(:last-child){ margin-bottom: 40px; }
	#rental .tab_box .tab_panel .middle .box ul li h4{ width: calc( 100% + 40px ); margin-left: -20px; margin-right: -20px; margin-bottom: 15px; padding: 15px 5px; line-height: 1.5em; position: unset; transform: unset; font-size: 2.2rem; border-radius: 30px 30px 0 0; }
	#rental .tab_box .tab_panel .middle .box ul li p { margin-bottom: 15px; }
	#rental .tab_box .tab_panel .bottom .box{ border: none; padding: 0; border-radius: 0; }
	#rental .tab_box .tab_panel .bottom .box h3{ margin: 0; padding: 15px 5px; line-height: 1.5em; width: 100%; position: unset; transform: unset; font-size: 2.2rem; border-radius: 30px 30px 0 0; }
	#rental .tab_box .tab_panel .bottom .box .img-box{ margin-bottom: 40px; position: relative; text-align: center; border: 4px solid var(--main-color); border-top: 0; padding: 20px; border-radius: 0 0  30px 30px; }
	#rental .tab_box .tab_panel .bottom ul.ul-box{ margin-left: 0; }
	#rental .tab_box .tab_panel.tab_panel2 .top .text-box,
	#rental .tab_box .tab_panel.tab_panel2 .top{ margin-bottom: 60px; }

	footer .bottom p,
	footer .bottom .left{ margin-bottom: 0; }
	footer .bottom .left .banner-box { margin: 25px auto; }

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


	
}

@media screen and (max-width: 640px) {
	.pc{ display: none!important; }
	.sp{ display: block!important; }


	#service-cta #cta01 { margin-bottom: 80px; }
	#service-cta #cta01 h2{ font-size: 2rem; margin-bottom: 20px; }
	#service-cta #cta02{ padding: 80px 0; }
	#service-cta #cta02 h2 { margin-bottom: 35px; }
	#service-cta #cta02 ul li:nth-child(-n+4) { margin-bottom: 2%; }
	#service-cta #cta02 ul li { width: 49%; }
	#service-cta #cta02 ul li a:before { right: 15px; width: 6px; height: 6px; }
	#service-cta #cta02 ul li a{ font-size: 1.4rem; padding: 25px 10px; }
	#service-cta #cta02 ul li a span{ font-size: 1.2rem; }

	.page-wrapper{ margin-bottom: 100px; }

	.slick-prev:before, .slick-next:before { height: 20px; width: 12px; }
	.slick-next:before{ right: 15px; }
	.slick-prev:before{ left: 15px; }
	.slick-dots{ bottom: 10px; }
	.slick-dots li,
	.slick-dots li button,
	.slick-dots li button:before{ width: 6px; height: 6px; }
	#top .fv { margin-bottom: 60px; }
	#top .fv li .text-box h2{ font-size: 3.7rem; margin-bottom: 25px; padding-bottom: 30px; }
	#top .fv li .text-box p{ font-size: 1.5rem; }
	#top .fv li .text-box h2 span{ font-size: 1.2rem; margin-bottom: 20px; }

	#top #sec01{ margin-bottom: 85px; }

	#top #sec01 .box{ padding: 50px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; }

	#top #sec01 .top{ display: block; }
	#top #sec01 .top .left{ border: none; padding-bottom: 30px; margin: 0 0 30px; border-bottom: 2px solid var(--main-color); }
	#top #sec01 .box .left:before { right: 10px; top: -30px; max-width: 130px; }
	#top #sec01 .box .left h2 { margin-bottom: 25px; }
	#top #sec01 .box .left p { margin-bottom: 30px; }
	#top #sec01 .box .right{ width: 100%; position: unset; }
	#top #sec01 .box .right .movie{ position: relative; width: 100%; padding-top: 56.25%; }
	#top #sec01 .box .right .movie iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } 
	#top #sec01 .box .left h2{ margin-bottom: 15px; }
	#top #sec01 .bottom ul{ padding: 0 8px; }
	#top #sec01 .bottom ul li,
	#top #sec01 .bottom ul li:nth-child(odd){ width: 100%; margin-right: 0!important; }
	#top #sec01 .bottom ul li:not(:last-child){ margin-bottom: 50px; }
	#top #sec01 .bottom ul li a{ padding: 25px; }
	#top #sec01 .bottom ul li a h3{ height: auto; margin-bottom: 25px; }
	#top #sec01 .bottom ul li a h3 span{ line-height: 1.5em; }
	#top #sec01 .bottom ul li a p{ position: unset; }

	#top #sec02 .top .right h2{ font-size: 2.4rem; margin: 0 0 10px;}
	#top #sec02 .top .right{ margin: 25px 0 0; width: 100%; }
	#top #sec02 .bottom ul li a .img-box{ margin-bottom: 25px; }
	#top #sec02 .bottom ul{ display: block; }
	#top #sec02 .bottom ul li{ width: 100%; }
	#top #sec02 .bottom ul li:nth-child(1){ margin-bottom: 40px; }
	#top #sec02 .bottom ul li a .text-box:before{ width: 35px; height: 35px; top: 0; }

	#top #sec02 .right h2 .jatitle { line-height: 1.5em; }
	#top #sec02 .right h2 { margin-bottom: 15px; }
	#top #sec02 .flex{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#top #sec02 .left{ order: 2; width: 100%; margin-bottom: 25px; }
	#top #sec02 .right{ margin-bottom: 40px; order: 1; padding-left: 0; width: 100%; }
	#top #sec02 .right:before{ top: -20px; }
	#top #sec02 .left .img-box img { position: unset; }
	#top #sec02 .left .img-box p{ left: 10px; bottom: 10px; }
	#top #sec03{ padding: 80px 0; }
	#top #sec03 h2 { margin-bottom: 35px; }
	#top #sec03 ul li:nth-child(-n+4) { margin-bottom: 2%; }
	#top #sec03 ul li { width: 49%; }
	#top #sec03 ul li a:before { right: 15px; width: 6px; height: 6px; }
	#top #sec03 ul li a{ font-size: 1.4rem; padding: 25px 10px; }
	#top #sec03 ul li a span{ font-size: 1.2rem; }
	#top #sec04 { overflow: hidden; margin-top: 100px; }
	#top #sec04 .top { margin-bottom: 20px }
	#top #sec04 .top h2 .entitle{ letter-spacing: 0.03em; font-size: 3.3rem; }
	#top #sec04 .bottom{ margin-bottom: 50px; width: calc( 100% + 60px ); }
	#top #sec04 .bottom ul li p{ font-size: 1.4rem; }
	#top #sec04 .bottom ul li h3 { font-size: 1.4rem; }
	#top #sec04 .bottom ul li img{ margin-bottom: 10px; }
	#top #sec04 .bottom ul li p span { font-size: 2rem; }
	#top #sec04 .bottom ul li{ margin-right: 20px; }
	#top #sec04 .bottom ul li:before{ width: 35px; height: 4px; }
	#top #sec04 .btn-box{ margin: auto; max-width: 100%; }
	#top #sec05 { margin-top: 100px; }
	#top #sec05 .top { margin-bottom: 20px }
	#top #sec05 .top h2 .entitle{ letter-spacing: 0.03em; font-size: 3.3rem; }
	#top #sec05 .bottom{ margin-bottom: 50px; }
	#top #sec05 .btn-box{ margin: auto; max-width: 100%; }


	.sub .pagetitle-box h2,
	.sub .pagetitle-box h3,
	.sub .border-title .title{ font-size: 2.8rem!important; }

	#about #sec01{ margin-bottom: 80px; }
	#about #sec01 .box { width: 100%; margin: 0 0 40px; }
	#about #sec01 .box h3 { font-size: 2rem; margin-bottom: 20px; }
	#about #sec01 .img-box .img1 { position: unset; width: 40%; }
	#about #sec01 .img-box .img2 { width: 55%; margin-left: 0; }
	#about #sec02 .top .left { width: 90%; margin-left: -15px; margin-bottom: 40px; }
	#about #sec02 .top{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 80px; }
	#about #sec02 .top .right { width: 100%; padding-right: 0; }
	#about #sec02 .top .right h3 { margin-bottom: 20px; }
	#about #sec02 .bottom{ margin-bottom: 80px; }
	#about #sec02 .table-box table th, #about #sec02 .table-box table td{ padding: 20px 0; }
	#about #sec02 .table-box table th { width: 100px; padding-right: 15px;　}

	#service #sec01 { margin-bottom: 80px; }
	#service #sec01 .box{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#service #sec01 .box h3{ margin-bottom: 20px; }
	#service #sec01 .box p{ font-size: 1.5rem; }
	#service #sec01 .box .left{ margin-bottom: 40px; width: 100%; }
	#service #sec01 .box .right{ width: 100%; }
	#service #sec01 .box ul li { width: calc( 100% / 2 - ( 7.5px ) ); }
	#service #sec01 .box ul li:nth-child(-n+6) { margin-bottom: 15px; }
	#service #sec01 .top { margin-bottom: 40px; }
	#service #sec02 { margin-bottom: 80px; }
	#service #sec02 .top { margin-bottom: 40px; }
	#service #sec02 .box p{ font-size: 1.5rem; }
	#service #sec02 .box h3{ margin-bottom: 20px; }
	#service #sec02 .box h3 .jatitle { font-size: 2rem; line-height: 1.5em; }
	#service #sec02 .box ul li { width: calc( 100% / 2 - ( 7.5px ) ); }
	#service #sec03 h3 { margin-bottom: 50px; }
	#service #sec03 .table-box:not(:last-child) { margin-bottom: 70px; }
	#service #sec03 .table-box:nth-child(odd) { margin-right: 0; }
	#service #sec03 .table-box { width: 100%; }
	#service #sec03 .table-box table tbody tr:first-child th,
	#service #sec03 .table-box table tbody tr:first-child td { padding-top: 35px; }

	#management #sec01 .bottom ul,
	#management #sec02 .bottom ul{ display: block; }
	#management #sec01 .bottom ul li,
	#management #sec02 .bottom ul li{ width: 100%; }
	#management #sec01 .bottom ul li:not(:last-child),
	#management #sec02 .bottom ul li:not(:last-child){ margin-bottom: 50px; }
	#management #sec02 .bottom ul li h4{ font-size: 2rem; }
	#management #sec01 .bottom ul li h3,
	#management .big-title{ font-size: 2.5rem; }
	#management #sec01 .bottom ul li h3 span{ margin-bottom: 20px; }
	#management #sec02 .bottom{ margin-bottom: 50px; }

	.sub .pagetitle-box{ margin: 45px 0; }
	.sub .border-title { padding-bottom: 25px; }

	
	#recruit #sec01{ background: url(../images/sub/recruit-bgsp.jpg) no-repeat; background-size: cover; background-position: center; }
	#recruit #sec03 ul,
	#recruit #sec02 .text-box{ display: block; }
	#recruit #sec03 ul li,
	#recruit #sec02 .text-box p{ width: 100%; }
	#recruit #sec03 ul li:not(:last-child){ margin-bottom: 50px; }
	#recruit #sec02 .text-box p:not(:last-child){ margin-bottom: 1em; }
	#recruit #sec03 ul li h4{ font-size: 2.5rem; }
	#recruit #sec02 h3,
	#recruit #sec03 h3,
	#recruit #sec01 h2{ font-size: 2.8rem; }

	#strength .space{ display: block; }
	#strength .left,
	#strength .right{ width: 100%; }


	#strength #sec02 .left{ margin-bottom: 25px; }
	#strength #sec02 .right{ margin: 0; padding: 0; width: 100%; }
	#strength #sec02 .right h3 { font-size: 2.4rem;  margin: 0 0 10px; }
	#strength section .sec-title span { margin-bottom: 20px; }
	#strength #sec03 p{ margin-bottom: 25px; }
	#strength #sec03 { margin-bottom: 100px; }
	#strength #sec04 .flex img,
	#strength #sec05 .bottom img{ width: 100%; }
	#strength #sec04 .flex img:not(:last-child),
	#strength #sec05 .bottom img:not(:last-child){ margin-bottom: 25px; }

	#company section .flex{ display: block; }
	#company section .flex .left,
	#company section .flex .right{ width: 100%; }
	#company section table tr th{ padding-left: 20px; }
	#company section table tr td{ padding-right: 20px; }
	#company section h3{ font-size: 2.8rem; }
	#company #sec02 .left{ border-top: 1px solid #CCCCCC; }
	#company #sec02 table tr{ border-top: none; }
	#company #sec03 .left{ border-top: 1px solid #CCCCCC; }
	#company #sec03 table tr{ border-top: none; }

	#new-car .text-box img{ width: 100%; height: 100vh; min-height: 600px; object-fit: cover; }
	#new-car main .left-bottom{ bottom: 0; top: 85px; }
	#new-car main .right-bottom{ font-size: 1.2rem; }
	#new-car #sec01 .sec01-middle{ display: block; }
	#new-car #sec01 .sec01-bottom{ display: block; }
	#new-car #sec01 .sec01-middle .left{ margin-bottom: 50px; }
	#new-car #sec01 .sec01-middle .left,
	#new-car #sec01 .sec01-middle .right,
	#new-car #sec01 .sec01-bottom img,
	#new-car #sec02 .bottom ul li{ width: 100%; }
	#new-car #sec01 .sec01-bottom img:not(:last-child){ margin-bottom:20px; }
	#new-car #sec02 .bottom ul li:nth-child(-n+6){ margin-bottom: 50px; }
	#new-car #sec02 .bottom ul li h4{ font-size: 2rem; }
	#new-car #sec03 ul li a h3 span{ margin-top: 20px; line-height: 1.7em; font-size: 1.3rem; }

	#new-car #sec01 { margin-bottom: 100px; }
	#new-car #sec01 h3,
	#new-car #sec02 .sec02-top .blue{ font-size: 2.5rem; }
	#new-car #sec01 h3 span{ margin-bottom: 20px; }
	#new-car #sec02 .sec02-top p{ font-size: 1.4rem; }

	#maintenance #sec01 h3{ max-width: 100%; }

	#maintenance .box{ display: block; }
	#maintenance .box .left{ width: 100%; margin-bottom: 40px; }
	#maintenance .box .right{ width: 100%; }
	#maintenance #sec02 ul li h3{ width: 100%; padding: 0; }
	#maintenance #sec03,
	#maintenance #sec02{ margin-bottom: 100px; }
	#maintenance #sec03 .sec03-inner{ display: block; margin-top: 60px; }
	#maintenance #sec03 .sec03-inner .box{ width: 100%; }
	#maintenance #sec03 .sec03-inner .box:not(:last-child){ margin-bottom: 50px; }
	#maintenance #sec03 .sec03-inner .box .top-outer{ padding: 25px 15px; }
	#maintenance #sec03 .sec03-inner .box .top-outer hr,
	#maintenance #sec03 .sec03-inner .box .bottom-outer hr { margin: 15px 0; }
	#maintenance #sec03 .sec03-inner .box .bottom-outer{ padding: 25px 15px; }
	#maintenance #sec03 .sec03-inner .box .top-outer .subttl,
	#maintenance #sec03 .sec03-inner .box .top-outer .inner{ min-height: auto; }
	#maintenance #sec03 .sec03-inner .box .bottom-outer h4{ font-size: 2.2rem; }
	#maintenance #sec03 .sec03-title h2{ font-size: 2.7rem; }
	#maintenance .big-title{ font-size: 2.8rem; }
	#maintenance #sec04 h3{ font-size: 2.5rem; }
	#maintenance #sec04 h3 span { margin-bottom: 20px; }
	#maintenance #sec04 .sec04-top{ margin: 0 0 50px; }


	#insurance #sec01 .inner{ display: block; }
	#insurance section .bottom ul li{ width: 100%; }
	#insurance section .bottom ul li:nth-child(-n+3){ margin-bottom: 50px; }
	#insurance section .bottom ul li h4{ font-size: 2rem; }
	#insurance section .bottom ul li:last-child{ margin-bottom: 0!important; }


	#lease #sec01 .bottom ul li{ width: 100%; }
	#lease #sec01 .bottom ul li:nth-child(-n+3){ margin-bottom: 50px; }
	#lease #sec01 .bottom ul li h4{ font-size: 2rem; }
	#lease #sec01 .bottom ul li:last-child{ margin-bottom: 0!important; }



	#lease #sec01 .inner{ display: block; }
	#lease #sec02 ul li{ width: 100%; }
	#lease #sec02 a h3{ font-size: 2rem; }
	#lease #sec02 a h3 span{ margin-top: 10px; }

	#rental #sec01 .inner{ padding: 30px;  }
	#rental #sec01 .photo{ flex-wrap: wrap; }
	#rental #sec01 .sec01-top .photo div,
	#rental #sec01 .sec01-bottom .photo div{ width: 100%; margin-right: 0!important; }
	#rental #sec01 .sec01-bottom .photo .sp-wide{ width: 50%; margin-bottom: 0!Important; }
	#rental #sec01 .photo div:not(:last-child){ margin-bottom: 20px; }
	#rental #sec01 h2{ font-size: 2.4rem; }
	#rental #sec01 .top-bottom{ margin: 0 0 50px; }



	#it-service .text-box img{ width: 100%; height: 100vh; min-height: 600px; object-fit: cover; object-position: center; }
	#it-service main .top,
	#it-service h2{ font-size: 2.8rem; }
	#it-service #sec01 .container{ display: block; }
	#it-service #sec01 .left-right{ width: 100%; margin-top: 40px; }
	#it-service h2{ margin-bottom: 20px; }
	#it-service #sec03 .container{ display: block; }
	#it-service #sec03 .sec03-box{ width: 100%; margin-left: 0!important; }
	#it-service #sec03 h3{ font-size: 2.4rem; }
	#it-service #sec02 .sec02-inner{ border-width: 3px; }

	.breadcrumbs{ display: none; }
	#it-service .pagetitle-box,
	#new-car .pagetitle-box,
	#recruit .pagetitle-box{ display: none; }

	#rental .tab_box .tab_panel .bluebtn-box ul li a h3{ font-size: 2rem; }
	#rental .tab_box .tab_panel .bluebtn-box ul li a h3 span{ font-size: 1.3rem; }

	#rental .tab_box .tab_panel .top .box ul li p{ font-size: 1.7rem; }
	#rental .tab_box .tab_panel .bottom .box h3{ font-size: 1.8rem; }

	#contact #sec01 ul li a h3 span{ margin-top: 5px; line-height: 1.8em; }
	#contact #sec01 ul li a h3{ font-size: 2.2rem; }

	#management #sec02 .management-btn a{ padding: 25px; }
	#management #sec02 .management-btn a h3{ font-size: 2.2rem; }

	#strength section .sec-title{ font-size: 2.8rem; }
	#strength section{ margin-bottom: 100px!important; }


	#recruit #sec03 .recruit-btn a h3{ font-size: 2.2rem; }

	#privacy-policy section .box p{ padding-left: 0; }
	#privacy-policy section .box h3{ font-size: 2.2rem; }

	.modaal-content-container{ padding: 30px 30px 50px; }
	.modaal-inner-wrapper{ padding: 60px 15px; }

	#new-car main .text-box .container{ width:  100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
	#new-car main .left-bottom,
	#new-car main .top,
	#new-car main .right-bottom{ position: unset; }
	#new-car main .top{ margin-bottom: 65px; }
	#new-car main .left-bottom{ line-height: 1.5em; font-size: 3.7rem; border-bottom: 1.5px solid #fff; padding-bottom: 35px; margin-bottom: 35px; }
	#new-car main .right-bottom{ text-align: left; font-size: 1.5rem; }
	#new-car main .right-bottom a{ font-size: 1.5rem; }


	#company #sec03 table td,
	#company #sec03 table th{ display: block; width: 100%; height: auto; }
	#company #sec03 table td{ padding-left: 20px; padding-top: 0; }
	#lease #sec01 .bottom ul li:nth-child(1){ margin-right: 0; }

	#management .pagetitle-box p{ font-size: 2rem; }

	#privacy-policy section .box h4{ font-size: 2rem; }
	#privacy-policy section .box h5{ font-size: 1.8rem; }
	#privacy-policy section .box .text-box { padding-left: 15px; }





}


/*@media screen and (max-width: 540px) {

	#top .fv li .text-box p{ font-size: 1rem; }
	#top .fv li .text-box h2{ font-size: 2rem; padding-bottom: 15px; margin-bottom: 15px;}
	#top .fv li .text-box h2 span{ margin-bottom: 15px; }
	#top .fv{ margin-bottom: 50px; }
	#top #sec01 br{ display: none; }
	#top #sec01 .top .right p{ font-size: 1.5rem; }
	#top #sec01 .bottom ul li a h3{ font-size: 1.4rem;  }
	#top #sec01 .bottom ul li{ width: 100%; }
	#top #sec01 .bottom ul li:last-child{ width: 100%; }
	#top #sec01 .bottom ul li a p{ padding: 10px; font-size: 1rem; }
	#top #sec01 .bottom ul li a{ height: 10%; }
	#top #sec01 .bottom ul li:last-child{ height: 100%; }

}*/

@media screen and (max-width: 420px) {
	footer .bottom .left .banner-box{ max-width: 100%; }
} 

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