@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) {
	#test-voucher, #group-examination-guide, #greetings-representative, #message, #faq, #access, #news {
		padding: 50px 10px;
	}
	
	.hdr__layout {
		margin: 0 auto;
		height: 100px;
	}

	.hdr__logo {
		margin: 0 auto;
	}
	
	.introduction-example-item.am-col8 {
		margin: 0 10px;
	}
	
	.hdr__navi-menu li a {
		padding: 5px 6px;
	}

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

	.hdr__navi-menu {
		justify-content: center;
		width: 590px;
		flex-wrap: wrap;
	}
	
	.bnr__ov {
		left: 0;
		transform: unset;
		top: 40%;
	}
	
	.bnr__ov-img {
		top: 16%;
		right: 5%;
	}
	
	.ftr__social-media.am-flex {
		width: unset;
		justify-self: unset;
	}
	
/* 	header .hdr__navi-button, .tama__button {
		margin: 0 0 0 30px;
	} */
	
	.cont-1200 {
		margin: 0 10px;
	}
	
	.hdr__navi-phone {
		display: none;
	}

	.recruitment-information__item img {
		width: 100%;
		height: 250px;
	}
	
	.recruitment-information__cont {
		margin: 0 10px;
	}

	.access-business__cont-subtitle {
		display: block;
		width: fit-content;
		margin: 30px 0 0;
	}

	.access-business__cont-calendar {
		margin: 30px auto 0;
	}
	
	#access-bring-in .access-business__cont-calendar {
		margin: 30px 30px 0 10px;
	}

	.commitment-sustainability__cont-item {
		width: calc(100% / 2 - 50px);
		margin: 0 50px 0 0;
	}
	
	.our-services__cont.cont-1200 {
		margin: 0 10px;
	}
	
	.our-services__cont.cont-1200 {
		margin: 0 10px;
	}

	.recyclable-materials__cont {
		margin: 0 10px;
	}

	.clients-voices__cont {
		margin: 50px 10px 0;
	}

	.commitment-sustainability__cont {
		justify-content: center;
	}
	
	.lower-banner-image {
		margin: 140px 0 0;
	}
	
	.lower-banner-image__title {
		left: 25%;
	}
	
	.certification-registration__cont {
		justify-content: center;
		margin: 50px 0;
	}

	.certification-registration__item {
		margin: 0 30px 30px 0;
	}

	.activities-sdg__item iframe {
		height: 300px;
	}

	.activities-sdg__cont {
		margin: 50px auto;
	}

	.activity-report__cont {
		margin: 50px auto;
	}
	
	.topics__cont-content {
		width: calc(100% - 350px);
	}

	.topics__cont {
		margin: 80px 10px;
	}

	.topics__sidebar {
		margin: 0 10px 0 40px;
	}

	#customer-voice a.price-list__button-first.yellow-bg {
		margin: 0;
	}
	
	.button-cont-grooming {
		justify-content: center;
	}
	
	.local-grooming__price-image {
		display: none;
	}
	
	.professional-care-refa__desc {
		margin: 50px 5px;
	}
}

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

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

	ul.hdr__navi-menu {
		width: 100%;
 		margin: 20px 0;
	}
	
	.hdr__logo {
        margin: 0;
    }
	
	.inquiry-form__contact-col:first-child {
		width: 40%;
		color: #371F1F;
	}
	
	.inquiry-form__contact-col {
		width: calc(60% - 20px);
	}
	
	.post-nav__content {
		display: block;
	}

	.post-nav__title {
		width: 100%;
	}

	.post-nav__thumb img {
		width: 100%;
		height: 150px;
	}
	
	.intro-image1 {
		max-width: 50%;
	}

	.intro-image1 img, .intro-image2 img {
		width: 100%;
	}

	.intro-image {
		margin: 0 10px;
	}

	.slider-nav__arrows-aboutus {
		width: calc(20% - 60px);
		margin: auto 160px auto auto;
	}

	.salon-intro__subcont {
		display: block;
	}

	.salon-intro__image {
		max-width: 50%;
		margin: 0 auto;
	}

	.salon-intro__content {
		width: 100%;
	}

	.price-list__image1 {
		width: 30%;
	}

	.price-list__image2 {
		width: 30%;
	}

	.location__cont-maps {
		width: 350px;
	}

	.location__cont-address {
		width: calc(100% - 400px);
	}

	.price-list__button-first, .price-list__button-second {
		font-size: 16px;
	}

	.local-grooming__subcont-image {
		width: 350px;
	}

	.local-grooming__subcont-content {
		width: calc(100% - 400px);
	}

	.introducing-pet-hotel__business-maps {
		width: calc(50% - 40px);
		margin: 0 0 0 40px;
	}

	.introducing-pet-hotel__business-maps iframe {
		height: 300px;
		width: 100%;
	}
	
	.introducing-pet-hotel__business-content {
		width: 50%;
	}
}

@media screen and (max-width: 768px) {
	.prd-intro__cont a {
		display: block;
		font-size: 25px;
		margin: 10px 0;
	}
	
	header {
        height: 100px;
    }
}

@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(40% - 40px);
		text-align: left;
		transform: translateY(-50%);
		padding: 0 0 0 20px;
	}

	.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;
	}

	.bnr__ov {
		top: 20%;
		margin: 0 10px;
		width: calc(100% - 20px);
	}

	.bnr__txt2 {
		font-size: 18px;
		display: block;
		line-height: 1.5;
	}

	.bnr__txt1 {
		font-size: 30px;
		line-height: 1.8;
	}

	.intro-image {
		display: block;
	}

	.intro-image1 {
		max-width: 100%;
		border-right: none;
		border-bottom: 1px solid #663338;
		margin: 0 10px;
		padding: 0 0 20px;
	}

	.intro-image2 {
		max-width: 100%;
		margin: 40px 0 0;
	}
	
	.introduction-example.application-examples-subcont {
		display: block;
	}

	.introduction-example-item {
		width: 80%;
	}

	.introduction-example-item.am-col8 {
		margin: 30px 10px;
		width: calc(100% - 20px);
	}

	.three-key-priciples__item {
		display: flex;
		flex-wrap: wrap;
	}

	.three-key-priciples__item-content {
		margin: 0;
		max-width: 100%;
		order: 2;
		width: 100%;
	}
	
	.right-img .three-key-priciples__item-content {
		margin: 0;
	}

	.three-key-priciples__item-image, .grooming__item-image {
		max-width: 100%;
		order: 1;
	}
	
	.grooming__item {
		display: flex;
		flex-wrap: wrap;
	}

	.grooming__item-content {
		order: 2;
		max-width: 100%;
		margin: 0;
	}

	.left-img .grooming__item-content {
		margin: 0;
	}

	.button-cont-grooming {
		flex-wrap: wrap;
	}

	a.trimmingsalon-button.style1, a.trimmingsalon-button.style2 {
		margin: 0 auto 20px;
	}

	.features__item.am-flex {
		flex-wrap: wrap;
	}

	.features__item-content {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.price-list__image1 {
		display: none;
	}

	.price-list__image2 {
		display: none;
	}

	.location__cont {
		flex-wrap: wrap;
	}

	.location__cont-maps {
		width: 100%;
		margin: 0;
	}

	.location__cont-address {
		width: 100%;
	}
	
	.price-list__button {
		display: block;
	}

	a.price-list__button-first,
	a.price-list__button-second{
		display: block;
	}

	.price-list__button-first,
	.price-list__button-second {
		margin: 0;
		width: calc(100% - 65px);
		height: 100px;
	}

	.price-list__button-image {
		display: none;
	}

	.price-list__border {
		height: 60px;
	}

	a.price-list__button-second,
	a.price-list__button-first {
		display: block;
		padding: 8px 32px;
	}
	
	.price-list__button-first {
		margin: 0 0 20px;
	}
	
	.local-grooming__subcont {
		flex-wrap: wrap;
	}

	.local-grooming__subcont-content h3 {
		display: block;
	}

	.local-grooming__subcont-content {
		width: 100%;
		margin: 0 0 20px;
	}
	
	.introducing-pet-hotel__list-cont {
		flex-wrap: wrap;
	}

	.introducing-pet-hotel__list-item {
		width: 100%;
		margin: 0 0 30px;
	}

	.introducing-pet-hotel__business-subcont {
		flex-wrap: wrap;
	}

	.introducing-pet-hotel__business-content {
		width: 100%;
	}

	.introducing-pet-hotel__business-maps {
		width: 100%;
		margin: 20px 0;
	}
	
	.faq-item_q {
		padding: 10px 0;
	}
	
	footer .intro-image1 {
		padding: 0 0 20px;
	}

	footer .intro-image2 {
		padding: 0;
		display: block;
	}
	
	footer .intro-image2 img {
		height: 130px;
	}
	
	footer .intro-image1 img {
		height: 150px;
	}
	
	.before-you-visit__cont ul {
		margin: 0;
		padding: 0 0 0 20px;
	}
	
	#top-intro-banner a {
		display: block;
	}
	
	.customer-voice__subcont-item {
		flex-wrap: wrap;
	}

	.customer-voice__subcont-item-content {
		max-width: calc(100% - 20px);
        margin: 30px 10px;
	}

	.customer-voice__subcont-item-image {
		margin: 0 auto;
	}

	.customer-voice__subcont-item-content::before {
		clip-path: polygon(
			0 0, 
			calc(50% - 23px) 0, 
			calc(50% - 23px) 5px, 
			calc(50% + 20px) 5px, 
			calc(50% + 20px) 0,
			100% 0, 
			100% 100%, 
			0 100% 
		);
	}

	.customer-voice__subcont-item-content::after {
		left: 50%;
		top: 0;
		transform: translate(-50%, -50%) rotate(135deg);
	}
	
	.tbl_sphdr {
        display: block;
        font-weight: bold;
        color: #000;
    }
	
	.price-list__table tr,
	.local-grooming__price-table tr{
		display: block;
		border: 1px solid #663338;
		margin: 0 0 20px;
    }
	
	.price-list__table tr td,
	.local-grooming__price-table tr td {
		display: block;
		border: unset;
    }
	
	.price-list__table tr:first-child,
	.local-grooming__price-table tr:first-child {
        display: none;
    }
	
	.slider__layout-aboutus {
		position: relative;
		width: calc(90% - 40px);
		margin: auto 0px auto auto;
	}
	
	.salon-intro__image {
		max-width: 100%;
	}

	.salon-intro__image img {
		width: 100%;
	}
	
	.local-grooming__subcont-image {
		width: 100%;
	}
	
	.title-en {
		word-break: break-word;
		max-width: calc(100% - 60px);
	}
	
	.three-key-priciples__desc {
		text-align: left;
	}
	
	.salon-intro__content-subtitle {
		text-align: left;
	}
	
	.pc-only {
		display: none;
	}

	.sp-only {
		display: block;
	}
	
	a.price-list__button-first.pc-only {
		display: none;
	}

	a.price-list__button-first.sp-only img {
		width: 100%;
		padding: 0;
	}

	#customer-voice a.price-list__button-first.sp-only,
	#customer-voice a.price-list__button-second.sp-only {
		padding: 0;
		background-color: unset;
		margin: 0 auto 20px;
        width: 100%;
	}

	img.price-list__icon {
		height: unset;
	}
	
	#customer-voice a.price-list__button-first.yellow-bg {
		display: none;
	}
	
		
	#local-grooming a.price-list__button-second.sp-only,
	#local-grooming a.price-list__button-first.sp-only {
		padding: 0;
		background-color: unset;
		margin: 0 auto 20px;
        width: 100%;
	}
	
	a.price-list__button-second.pc-only {
		display: none;
	}
	
	#salon-intro a.price-list__button-second.sp-only,
	#salon-intro a.price-list__button-first.sp-only {
		padding: 0;
		background-color: unset;
		margin: 0 auto 20px;
        width: 100%;
	}
	
	#salon-intro a.price-list__button-second.pc-only, a.price-list__button-first.pc-only {
		display: none;
	}
	
	.grooming__item:nth-child(2n) .grooming__item-content {
		margin: 0;
	}
	
	.tomo-title-2 {
		line-height: 60px;
		font-size: 32px;
	}
	
	.professional-care-refa__subcont {
		flex-wrap: wrap;
	}

	.professional-care-refa__item {
		width: 100%;
		margin: 0 0 30px;
	}
	
	.three-key-priciples__item:nth-child(2n+1) .three-key-priciples__item-content {
		margin: 0;
	}
	
	header.hdr__menu--show {
		height: 100vh;
		overflow: auto;
	}
}