@media screen and (min-width:1440px) {
	.sp-only {
	display: none;
	}
}

@media screen and (max-width:1366px) {
   .hdr__logo {
		margin: 0 auto;
		display: block;
	}

	.hdr__navi {
		justify-content: end;
		margin: 0 auto;
		height: 60px;
	}

	header {
		height: 90px;
		background-color: #fff;
	}

	.hdr__navi-phone {
		margin: 0 0 0 10px;line-height: 0.5;
	}
}

@media screen and (max-width:1024px) {	
	.hdr__layout {
		margin: 0 auto;
		height: 80px;
	}

	.hdr__logo {
		margin: 0 auto;
	}
	
	.hdr__navi-menu li a {
		padding: 5px 6px;
	}

	header {
		padding: 10px 0;
		overflow: hidden;
		height: 70px;
	}

	.hdr__navi-menu {
		width: 590px;
		flex-wrap: wrap;
	}
	
	.bnr__ov {
		left: 40px;
		transform: unset;
		top: 40%;
	}
	
	.bnr__ov-img {
		top: 16%;
		right: 5%;
	}
	
	.ftr__social-media.am-flex {
		width: unset;
		justify-self: unset;
	}
	
	.cont-1200 {
		margin: 0 10px;
	}
	
	.hdr__navi-phone {
		display: none;
	}
	
	.ap-button1 {
		margin: 0;
	}
	
	.ap-button1.button-banner {
		margin: 30px 0 0;
	}
	
	.blog__item-date {
		margin: 0 10px 0 0;
	}
	
	.inquiry-form__contact-col:first-child {
		margin: 0;
    }
	
	.call-all-tow-trucks__cont {
		right: 0%;
	}
	
	.four-promises__item-content {
		padding: 10px 10px 0;
	}
	
	.four-promises__item-subcontent {
		margin: 0;
	}
			
	.hdr__logo>a>img {
		height: 90px;
		margin: 0;
	}
	
	.vehicles-introduction__cont {
		margin: 50px 10px;
	}
	
	.ftr__sns-item {
		width: calc(100% / 5);
		text-align: center;
		margin: 0 10px 10px 0;
	}

	.ftr__sns {
		flex-wrap: wrap;
	}
	
	.ftr__sns {
		margin: 30px 0;
	}
	
	.thanks__subcont {
		margin: 50px 10px 0;
	}
	
	.column-container {
		margin: 0 10px;
	}
	
	.sect-blog__cont {
		margin: 0 10px;
	}
}

@media screen and (max-width:991px) {
	header {
		padding: 10px 0;
		height: 70px;
	}
	
	.bnr__ov {
		left: 30px;		
	}
	
	.am-col-auto.hdr__navi.am-flex {
		text-align: center;
	}

	header .hdr__navi-button {
		margin: 5px auto 0 auto;
		width: 150px;
	}
	
	.hdr__navi-button, .trimmingsalon__button {
		padding: 6px;
	}

	ul.hdr__navi-menu {
		width: 100%;
 		margin: 20px 0;
	}
	
	.hdr__logo {
        margin: 0;
    }
	
	.inquiry-form__contact-col:first-child {
		width: 30%;
		color: #371F1F;
	}
	
	.inquiry-form__contact-col {
		width: calc(70% - 20px);
	}
	
	.ftr__cont {
		flex-wrap: wrap;
	}

	.footer__maps {
		width: 100%;
	}

	.footer__maps iframe {
		margin: 30px 0 80px 0;
		width: 100%;
		max-width: 100%;
		height: 250px;
	}
	
	.four-promises__subcont-item {
		width: 100%;
		margin: 0 0 30px;
	}

	.message .cont-1200 {
		margin: 0;
	}

	.advantages-working-kanmon-road__item-image {
		width: calc(50% - 50px);
	}

	.advantages-working-kanmon-road__item-content {
		width: 50%;
	}
	
	.ftr__cont-maps {
		width: calc(50% - 50px);
	}
	
	.ftr__logo-image img {
		max-width: 90px;
	}

	.ftr__logo-image {
		margin: 0 30px 0 0;
	}

	.ftr__cont-content {
		width: 50%;
	}
	
	.tow-truck-crew-wanted__subcont-content, .message-president__subcont-content {
		margin: 0 10px 0 50px;
	}
	
	.bnr__txt1 {
		font-size: 35px;
	}

	.hdr__logo>a>img {
		height: 90px;
		margin: 50px auto 20px;
	}
	
	.lower-banner__image-text {
		left: 35%;
	}
	
	.am-col6.blog-item {
		width: 100%;
		margin: 0 0 30px 0;
	}

	.sect-blog__sidebar {
        width: 265px;
        max-width: unset;
    }
}

@media screen and (max-width: 768px) {
	header {
        height: 100px;
    }
	
	header .hdr__navi-button {
        margin: 5px auto 0 auto;
        width: 160px;
    }
	
	.sect-blog__cont {
        margin: 0 10px;
        justify-content: center;
    }
	
	.sect-blog__post.am-col8 {
		width: calc(100% / 12 * 7);
	}

	#sect-blog .am-col4 {
		width: calc(100% / 12 * 4);
	}
}

@media screen and (max-width: 767px) {
	.sp-only {
		display: inline;
	}
	
	.af-topgap {
		height: 100px;
	}
	
	.hdr__menu-btn {
		display: block;
	}
	
	header {
		position: fixed;
		z-index: 5;
		width: 100%;
		top: 0;
		left: 0;
		border-bottom: 1px solid #163a6e;
		height: 80px;
		transition: 0.5s ease;
	}
	
	header .am-container {
		width: 100%;
	}

	.hdr__logo > a {
		display: block;
		position: absolute;
		top: 45px;
		width: calc(60% - 40px);
		text-align: left;
		transform: translateY(-50%);
	}

	.hdr__logo img {
		width: auto;
		height: 50px;
	}

	.hdr__layout {
		display: block;
		height: auto;
		width: 100%;
		position: relative;
	}

	.hdr__logo {
		text-align: center;
		margin: 0;
	}
	
	.hdr__navi {
		overflow: hidden;
		transition: max-height 0.5s linear;
		flex-wrap: wrap;
		height: auto;
	}

	.hdr__navi-cont {
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: space-between;
		min-height: max(710px, calc(100vh - 125px));
	}

	.hdr__navi-menu {
		position: relative;
		margin: 0;
		width: calc(100% - 1px);
	}

	.hdr__navi-menu-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	ul.hdr__navi-menu {
		display: block;
		position: relative;
		z-index: 2;
		margin: 90px 0 20px;
	}

	.hdr__navi-menu li,
	.hdr__navi-menu li:last-child {
		border: solid #333;
		border-width: 0 0 1px;
	}
	
	.hdr__navi-menu li:first-child {
		border-width: 1px 0;
	}
	
	.hdr__navi-menu li:last-child {
		border: solid #FFF;
		border-width: 1px 0;
	}

	.hdr__navi-menu li a,
	.hdr__navi-menu li:last-child a {
		padding: 15px 0;
		color: #000;
		font-weight: 400;
		width: 100%;
		text-align: center;
		font-size: 20px;
	}
	
	.hdr__navi-menu li:last-child a {
		border-bottom: 1px solid #333;
	}

	.hdr__navi-btn-cont .hdr__navi-btn:last-child,
	.hdr__navi-btn-cont .hdr__navi-btn:first-child {
		border-radius: 25px;
		display: block;
		margin: 50px auto 10px;
		font-size: 16px;
	}
	
	.hdr__navi-lang {
		position: absolute;
		top: 60px;
		transform: translateY(-50%);
		right: 80px;
	}

	.hdr__navi-btn-cont .hdr__navi-btn:last-child {
		margin: 0 auto;
	}

	.hdr__navi-btn-cont {
		text-align: center;
	}
	
	.hdr__menu--show .hdr__menu-btn-icon>span {
		opacity: 0;
	}

	.hdr__menu--show .hdr__menu-btn-icon::before {
		transform: translateY(9px) rotate(225deg);
	}

	.hdr__menu--show .hdr__menu-btn-icon::after {
		transform: translateY(-9px) rotate(-225deg);
	}

	.hdr__menu--show .hdr__navi {
		padding: 0 0 20px;
	}
	
	.bnr__cont video {
		height: 400px;
		object-fit: cover;
		margin: 0;
	}

	.bnr__ov {
		top: 40%;
		margin: 0 10px;
		left: 0;
	}

	.bnr__txt2 {
		font-size: 18px;
		display: block;
		line-height: 1.5;
		text-shadow: 2px 2px 2px #fff;
	}

	.bnr__txt1 {
		font-size: 21px;
		line-height: 1.5;
		text-shadow: 2px 2px 2px #fff;
	}
	
	#sect-banner .bnr__pix > img {
		height: 600px;
	}
	
	.tow-truck-crew-wanted__cont {
		margin: 0 10px;
	}

	.tow-truck-crew-wanted__subcont {
		flex-wrap: wrap;
	}

	.tow-truck-crew-wanted__subcont-image {
		width: 100%;
	}

	.tow-truck-crew-wanted__subcont-content {
		width: 100%;
		margin: 30px 0;
	}

	.message-president__subcont-image {
		width: 100%;
	}

	.message-president__subcont {
		flex-wrap: wrap;
	}

	.message-president__subcont-content {
		margin: 30px 10px;
		width: 100%;
	}

	.call-all-tow-trucks__text1 {
		font-size: 30px;
	}

	.slider__layout-aboutus {
		width: 100%;
	}
	
	.exclusive-interview-ceo__scroll {
		width: 100%;
		overflow: auto;
		padding: 0 0 30px;
	}

	.exclusive-interview-ceo__subcont {
		flex-wrap: wrap;
		justify-content: center;
	}

	.exclusive-interview-ceo__subcont-item {
		margin: 0 5px 20px;
		width: 97%;
		width: calc(100vw - 27px);
	}
	
	.exclusive-interview-ceo__subcont-item .vid-frame {
		width: 100%;
	}
	
	.slider__container-aboutus {
		height: 97%;
	}

	.four-promises__subcont-item {
		flex-wrap: wrap;
		margin: 0 0 40px;
	}

	.four-promises__item-image {
		width: 100%;
	}

	.message__cont {
		padding: 30px 10px;
	}
	
	.faq-item_a > div {
		margin: 0 0 0 10px;
	}
	
	.employee-interviews__subcont {
		flex-wrap: wrap;
	}
	
	.exclusive-interview-ceo__scroll .employee-interviews__subcont {
		flex-wrap: nowrap;
		justify-content: start;
		width: 400vw;
		max-width: unset;
	}
	
	#employee-interviews3 .exclusive-interview-ceo__scroll .employee-interviews__subcont {
		width: 300vw;
	}

	.employee-interviews__subcont-content {
		width: 100%;
		margin: 20px 0;
	}
	
	.exclusive-interview-ceo__scroll::-webkit-scrollbar {
		width: 10px;
	}

	.exclusive-interview-ceo__scroll::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 5px;
	}

	.exclusive-interview-ceo__scroll::-webkit-scrollbar-thumb {
		background: #000;
		border-radius: 5px;
	}

	.exclusive-interview-ceo__scroll::-webkit-scrollbar-thumb:hover {
		background: #FFD827;
	}
	
	.title-en {
		line-height: 1.2;
		font-size: 40px;
	}
	
	.message__subcont {
		flex-wrap: wrap;
	}

	.message__subcont-image {
		width: 100%;
	}

	.message__subcont-content {
		width: 100%;
		margin: 30px 0;
	}

	.advantages-working-kanmon-road__item-image {
		width: 100%;
		margin: 0;
	}

	.advantages-working-kanmon-road__item {
		flex-wrap: wrap;
		margin: 0;
	}

	.advantages-working-kanmon-road__item-content {
		width: 100%;
		margin: 30px 0;
	}

	.message__subcont-table table tr td:first-child {
		width: 90px;
	}

	.message__subcont-table table tr td {
		padding: 10px;
	}

	about-kanmon-road__button-cont {
		flex-wrap: wrap;
	}

	.about-kanmon-road__button-cont a {
		width: 100%;
		margin: 0 auto 30px;
		text-align: center;
	}

	.about-kanmon-road__button-cont {
		flex-wrap: wrap;
	}

	.workplace-locations__subcont {
		flex-wrap: wrap;
	}

	.workplace-locations__subcont-maps {
		max-width: 100%;
		margin: 0;
	}

	.workplace-locations__subcont-content {
		margin: 30px 0;
		width: 100%;
	}

	.instagram_subcont-item {
		width: calc(100% / 2 - 10px);
		margin: 0 10px 10px 0;
	}

	.instagram_subcont {
		flex-wrap: wrap;
	}

	.instagram_subcont {
		justify-content: center;
	}

	.instagram_subcont-item:nth-child(2n) {
		margin: 0 0 10px;
	}

	.instagram_subcont-item:nth-child(5n) {
		margin: 0 10px 10px 0;
	}

	.blog__subcont {
		flex-wrap: wrap;
	}

	.blog__item {
		width: 100%;
		margin: 0 0 30px;
	}

	.ftr__cont-maps {
		width: 100%;
		margin: 0 0 20px;
	}

	.ftr__cont-content {
		width: 100%;
	}

	.ftr__sns-item {
		width: calc(100% / 4 - 30px);
		margin: 0 30px 30px 0;
	}

	.ftr__sns {
		flex-wrap: wrap;
		margin: 40px auto;
		justify-content: center;
	}

	.ftr__sns-item:nth-child(4n) {
		margin: 0 0 30px;
	}

	.ftr__cpright {
		text-align: center;
	}
	
	.hdr__logo>a>img {
		height: 90px;
		margin: 0;
	}
	
	#call-all-tow-trucks {
		padding: 50px 0 80px;
	}

	.ftr__sns span {
		justify-content: center;
	}

	.ftr__sns img {
		width: 100%;
		object-fit: contain;
	}
	
	 .ftr__logo-image {
        align-content: center;
    }
	
	.lower-banner__image-text {
		top: 60%;
	}
	
	.company__subcont-table table tr td {
		padding: 10px;
	}
	
	.company__subcont-table table tr td:first-child {
		width: 90px;
	}
	
	.position__subcont-table table tr td:first-child {
		width: 90px;
	}
	
	.position__subcont-table table tr td {
		padding: 10px;
	}
	
	.inquiry-form__contact-col label {
		font-size: 14px;
	}
	
	.take-first-step__button {
		flex-wrap: wrap;
	}

	.take-first-step__button-item {
		width: 100%;
		margin: 0 0 30px;
	}

	.ftr__cont-maps iframe {
		height: 300px;
	}
	
	.lower-banner__image-text h1 {
		font-size: 30px;
	}

	.lower-banner__image-text span {
		font-size: 16px;
	}

	.lower-banner__image-text {
		top: 60%;
		left: 50%;
		width: calc(100% - 20px);
		margin: 0 10px 0 0;
	}

	.vehicles-introduction__subcont-tab {
		width: 100%;
		font-size: 18px;
	}

	.vehicles-introduction__gallery-image {
		width: 100%;
		margin: 0 0 30px;
	}

	.vehicles-introduction__gallery-image img {
		height: 200px;
		width: 100%;
	}
	
	.vehicles-introduction__subcont-subcontent {
		padding: 15px;
	}
	
	.hdr__button {
		position: fixed;
		top: calc(100% - 50px);
		width: 100%;
		z-index: 2;
		text-align: center;
	}
	
	.column__container {
		flex-wrap: wrap;
	}

	.column__subcont {
		width: 100%;
		margin: 0 10px;
	}

	.blog-item {
		width: 100%;
		margin: 0 auto 30px auto;
	}

	#column-main .am-col4 {
		width: 100%;
		margin: 0 10px;
	}
	
	.sect-blog__cont {
		flex-wrap: wrap;
	}

	#sect-blog .am-col4 {
		width: 100%;
		margin: 0 10px;
	}

	.sect-blog__post.am-col8 {
		width: 100%;
	}

	.sect-blog__item-cont {
		margin: 0 10px;
	}

	.sect-blog__sidebar {
		width: 100%;
		max-width: unset;
	}
	
	.div_banner2 .content {
		display: block;
	}

	.div_banner2 .img {
		width: 100%;
		margin: 0;
		height: 300px;
		background-size: contain;
		-webkit-border-radius: 50%;
	}

	.sect-blog__post.am-col8 {
		margin: 0 10px;
	}

	.div_banner2 .all_text {
		width: 100%;
	}
	
	.exclusive-interview-ceo__arrow {
		text-align: right;
		display: block;
		margin: 0 0 10px auto;
		transform: translateY(-70px);
	}
	
	img.exclusive-interview-ceo__arrow {
		display: block;
	}
	
	
	.inquiry-form__contact-form.inquiry-page.top-page .inquiry-form__row {
		display: block;
	}
	
	.inquiry-form__contact-form.inquiry-page.top-page .inquiry-form__contact-col:first-child {
		display: flex;
	}
	
	.inquiry-page.top-page .inquiry-form__contact-col input, .inquiry-page.top-page .inquiry-form__contact-col textarea 	{
		width: 100%;
	}
	
	.inquiry-page.top-page .inquiry-form__contact-col input {
		margin: 0;
	}
	
	.inquiry-page.top-page .inquiry-form__contact-col {
		margin: 0;
		width: calc(100% - 20px);
	}
}