@charset "shift_jis";
html {
	scroll-behavior: auto;
}
body{
	font-family: 'Heebo', 'Noto Sans CJK JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #4e4d4d;
	overflow-x: hidden;
}
/* override
------------------------------------------------------ */
section.common .btn {
	background-color: #fa6f45;
}
section.common .tab-btn {
	border-bottom: solid 1px #fa6f45;
}
section.common .tab-btn a {
	border-top: solid 1px #fa6f45;
	border-left: solid 1px #fa6f45;
	border-right: solid 1px #fa6f45;
}
section.common .step {
	border-top: solid #fa6f45 3px;
}
section.common .step .intro {
	background: #fa6f45;
}
section.common .modal-contents .box h5 {
	color: #fa6f45;
}
.overlay {
	z-index: 20;
}
a, picture {
	display: inline;
}
section.common a,
section.common picture {
	display: block;
}
section.common p {
	font-size: 1.4rem;
}
section.common p {
	line-height: 1.8;
}
section p {
	line-height: 1.6;
}
/* layout
------------------------------------------------------ */
a:visited,
a:link{
	color: #fa6f45;
}
p,ul,ol,div {
	color: #4e4d4d;
}
img, video {
	width: auto;
}
/* pc
------------------------------------------------------ */
@media screen and (min-width: 751px) {
	/* override
	------------------------------------------------------ */
	body{
		font-size: 1.8rem;
	}
	#pageContainer {
		overflow-x: hidden;
	}
	section.common {
		padding: 0;
	}
	/* header
	------------------------------------------------------ */
	#header {
		position: relative;
		padding: 0;
		border: none;
		z-index: 2;
	}
	#header #headerLogo {
		display: flex;
		align-items: center;
		width: 1200px;
		margin: 0 auto;
		min-height: 50px;
	}
	#header #headerLogo img {
		width: auto;
		height: 34px;
	}
	/* layout
	------------------------------------------------------ */
	#mainContainer {
		margin-top: 0;
	}
	#mainContents{
		padding: 0;
	}
	/* footer
	------------------------------------------------------ */
	#footer {
		margin-top: 0;
		padding: 0 0 75px;
		border: none;
		background-color: #fa6f45;
	}
	#footer #copyright {
		text-align: center;
		font-size: 1.4rem;
		color: #fff;
	}
	/* mainVisual
	------------------------------------------------------ */
	.mainVisual {
		position: relative;
		width: 1920px;
		margin-top: -50px;
		background-color: #f4f3ee;
		overflow: hidden;
		left: 50%;
		transform: translateX(-50%);
	}
	.mainVisual .mainVisualInner {
		display: flex;
		align-items: center;
		position: relative;
		width: 1200px;
		height: 830px;
		margin: 0 auto;
		z-index: 1;
	}
	.mainVisual .mainVisualMedia {
		display: flex;
		align-items: flex-end;
		width: 100%;
		margin-top: 84px;
	}
	.mainVisual .mainVisualMedia .mainVisualMediaHead {
		width: 50%;
		padding-right: 10px;
	}
	.mainVisual .mainVisualMedia .mainVisualMediaBody {
		width: 50%;
		text-align: center;
	}
	.mainVisual .mainVisualTitle {
		font-size: 8rem;
		color: #4e4d4d;
		font-weight: bold;
		line-height: 1.4;
		text-shadow: 1px 1px 10px #f4f3ee ,2px 2px 11px #f4f3ee ,3px 3px 12px #f4f3ee ,4px 4px 13px #f4f3ee ,5px 5px 14px #f4f3ee ,-1px -1px 10px #f4f3ee ,-2px -2px 11px #f4f3ee ,-3px -3px 12px #f4f3ee ,-4px -4px 13px #f4f3ee ,-5px -5px 14px #f4f3ee;
	}
	.mainVisual .mainVisualTitleSub {
		font-size: 2rem;
		color: #fff;
		line-height: 2.5;
	}
	.mainVisual .mainVisualTitleSub .text {
		padding: 5px 12px;
		background-color: #fa6f45;
	}
	.mainVisual .mainVisualText {
		font-size: 3.2rem;
		font-weight: bold;
		line-height: 1.4;
		text-shadow: 1px 1px 10px #f4f3ee ,2px 2px 11px #f4f3ee ,3px 3px 12px #f4f3ee ,4px 4px 13px #f4f3ee ,5px 5px 14px #f4f3ee ,-1px -1px 10px #f4f3ee ,-2px -2px 11px #f4f3ee ,-3px -3px 12px #f4f3ee ,-4px -4px 13px #f4f3ee ,-5px -5px 14px #f4f3ee;
	}
	.mainVisual .mainVisualButton {
		margin-top: 25px;
	}
	.mainVisual .mainVisualButton a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-width: 357px;
		min-height: 44px;;
		padding: 5px 40px;
		border-radius: 22px;
		background-color: #4e4d4d;
		text-align: center;
		font-size: 2rem;
		color: #fff;
		text-decoration: none;
	}
	.mainVisual .mainVisualButton a:hover {
		opacity: 1;
	}
	.mainVisual .mainVisualButton a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		width: 17px;
		height: 10px;
		margin-top: -5px;
		background: url("/collabo/petokoto/img-files/index_ic01.webp") no-repeat 0 0 / contain;
		transition: 0.3s all ease-out;
	}
	.mainVisual .mainVisualButton a:hover::before {
		transform: translateY(5px);
	}
	.mainVisual .mainVisualImage {
		width: 500px;
		height: auto;
		margin: 0 auto;
		filter: drop-shadow(0 30px 30px rgba(0, 0, 0, 0.2));
		transform: translateZ(0);
	}
	.mainVisual .mainVisualBack .mainVisualBackItem {
		position: absolute;
		left: 0;
		transform: translateX(-100%);
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="01"] {
		top: 4%;
		animation: autoslider_1920 40s linear -39s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="02"] {
		top: 25%;
		animation: autoslider_1920 40s linear -33s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="03"] {
		top: 61%;
		animation: autoslider_1920 40s linear -28s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="04"] {
		top: 5%;
		animation: autoslider_1920 40s linear -23s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="05"] {
		top: 44%;
		animation: autoslider_1920 40s linear -17s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="06"] {
		top: 8%;
		animation: autoslider_1920 40s linear -11s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="07"] {
		top: 62%;
		animation: autoslider_1920 40s linear -5s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="01"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -1s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="02"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -2s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="03"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -4.5s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="04"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -3s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="05"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -1s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="06"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -0s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="07"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -4.5s infinite;
	}
	
	/* module
	------------------------------------------------------ */
	/* section */
	.petokoto-section01 {
		margin: 0 min(0px, calc(((100vw - 100%) / 2) * -1));
		padding: 80px 0 80px;
		background-color: #fa6f45;
	}
	.petokoto-section01 .petokoto-section01Inner {
		position: relative;
		width: 1200px;
		margin: 0 auto;
	}
	.petokoto-section01.catRun {
		padding-bottom: 100px;
	}
	.petokoto-section01.catRun .petokoto-section01Inner {
		padding: 60px 50px 90px;
		border-radius: 40px;
		background-color: #fff;
	}
	.petokoto-section01 .petokoto-section01Inner >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-section01.catRun .petokoto-section01Inner::before,
	.petokoto-section01.catRun .petokoto-section01Inner::after {
		content: '';
		position: absolute;
		right: 0;
		bottom: -67px;
		width: 254px;
		height: 128px;
	}
	.petokoto-section01.catRun .petokoto-section01Inner::before {
		background: url("/collabo/petokoto/img-files/index_im01-2.webp") no-repeat 0 0 / contain;
		animation: pc_catRun01 6s linear infinite;
	}
	.petokoto-section01.catRun .petokoto-section01Inner::after {
		background: url("/collabo/petokoto/img-files/index_im01-1.webp") no-repeat 0 0 / contain;
		animation: pc_catRun02 6s linear infinite;
	}
	.petokoto-section02 .petokoto-section02Inner {
		padding: 80px 0 95px;
	}
	.petokoto-section02 .petokoto-section02Inner >:first-child {
		margin-top: 0;
	}
	.petokoto-section02.dogRun .petokoto-section02Inner {
		position: relative;
		padding-bottom: 240px;
	}
	.petokoto-section02.dogRun .petokoto-section02Inner::before,
	.petokoto-section02.dogRun .petokoto-section02Inner::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 15px;
		width: 267px;
		height: 137px;
	}
	.petokoto-section02.dogRun .petokoto-section02Inner::before {
		background: url("/collabo/petokoto/img-files/index_im08-2.webp") no-repeat 0 0 / contain;
		animation: pc_dogRun01 6s linear infinite;
	}
	.petokoto-section02.dogRun .petokoto-section02Inner::after {
		background: url("/collabo/petokoto/img-files/index_im08-1.webp") no-repeat 0 0 / contain;
		animation: pc_dogRun02 6s linear infinite;
	}
	.petokoto-section03 {
		margin: 0 min(0px, calc(((100vw - 100%) / 2) * -1));
		padding: 60px 0 50px;
		background-color: #fa6f45;
	}
	.petokoto-section03 .petokoto-section03Inner {
		position: relative;
		width: 870px;
		margin: 0 auto;
		padding: 60px;
		border-radius: 40px;
		background-color: #fff;
	}
	.petokoto-section03 .petokoto-section03Inner >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-section03 .petokoto-section03Image01 {
		position: absolute;
		bottom: -87px;
		right: -646px;
	}
	.petokoto-section03 .petokoto-section03Image02 {
		position: absolute;
		bottom: 6px;
		left: -643px;
	}
	.petokoto-section04 {
		margin: 0 min(0px, calc(((100vw - 100%) / 2) * -1));
		padding: 80px 0 70px;
		background-color: #f4f3ee;
	}
	.petokoto-section04 .petokoto-section04Inner {
		position: relative;
		width: 1200px;
		margin: 0 auto;
	}
	.petokoto-section04 .petokoto-section04Inner >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-section04.catImage {
		padding-bottom: 80px;
	}
	.petokoto-section04.catImage .petokoto-section04Image01 {
		position: absolute;
		right: 12px;
		bottom: -80px;
	}
	/* heading */
	.petokoto-heading02 {
		margin-top: 30px;
		margin-bottom: 40px;
	}
	.petokoto-heading02 .petokoto-heading02Title {
		position: relative;
		padding-bottom: 10px;
		text-align: center;
		font-size: 3.6rem;
		font-weight: bold;
		line-height: 1.3;
	}
	.petokoto-heading02 .petokoto-heading02Title::before {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		width: 37px;
		height: 2px;
		margin: auto;
		background-color: #fa6f45;
	}
	.petokoto-heading02-02 {
		margin-top: 25px;
		margin-bottom: 30px;
	}
	.petokoto-heading02-02 .petokoto-heading02Title {
		text-align: center;
		font-size: 3rem;
		font-weight: bold;
		line-height: 1.4;
	}
	/* text */
	.petokoto-text01 {
		margin-top: 15px;
		font-size: 1.8rem;
		line-height: 1.4;
	}
	.petokoto-text02 {
		margin-top: 60px;
		font-size: 2.2rem;
		line-height: 1.8;
	}
	.petokoto-text03 {
		margin-top: 30px;
		font-size: 2.1rem;
		line-height: 1.8;
	}
	.petokoto-text04 {
		margin-top: 15px;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	.petokoto-lead01 {
		margin-top: 65px;
		margin-bottom: 35px;
		font-size: 3rem;
		font-weight: bold;
		line-height: 1.4;
	}
	.petokoto-lead01 .large {
		font-size: 4rem;
	}
	.petokoto-lead02 {
		margin-top: 35px;
		text-align: center;
		font-size: 3rem;
		font-weight: bold;
		color: #fa6f45;
		line-height: 1.4;
	}
	.petokoto-linkText {
		margin-top: 4px;
		font-size: 1.4rem;
	}
	.petokoto-linkText a {
		position: relative;
		padding-left: 18px;
	}
	.petokoto-linkText a::before {
		content: '';
		position: absolute;
		top: 7px;
		left: 0;
		width: 14px;
		height: 9px;
		background: url("/collabo/petokoto/img-files/index_ic02.webp") no-repeat 0 0 / contain;
	}
	/* image */
	.petokoto-image01 {
		margin-top: 60px;
		text-align: center;
		position: relative;
		padding-bottom: 60%;
		height: 0;
		overflow: hidden;
	}
	.petokoto-image01 img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.petokoto-image02 {
		margin: 30px auto 0;
		width: 224px;
	}
	/* list */
	.petokoto-noteList01 {
		margin-top: 15px;
	}
	.petokoto-noteList01 > li {
		position: relative;
		padding-left: 14px;
		font-size: 1.4rem;
	}
	.petokoto-noteList01 > li + li {
		margin-top: 8px;
	}
	.petokoto-noteList01 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	/* box */
	.petokoto-box01 {
		margin-top: 30px;
	}
	.petokoto-box01 .petokoto-boxInner {
		padding: 45px 35px;
		border-radius: 40px;
		background-color: #fff;
	}
	.petokoto-box01 .petokoto-boxInner >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-box02 {
		margin-top: 40px;
	}
	.petokoto-box02 .petokoto-boxInner {
		padding: 35px 35px 60px;
		border-radius: 40px;
		background-color: #fff;
	}
	.petokoto-box02 .petokoto-boxInner >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-box02 .petokoto-boxHeading2 {
		margin-top: 20px;
		margin-bottom: 30px;
		text-align: center;
		font-size: 3.6rem;
		font-weight: bold;
		line-height: 1.4;
	}
	.petokoto-box02 .petokoto-boxText {
		margin-top: 10px;
		font-size: 1.8rem;
	}
	.petokoto-box02 .petokoto-boxList {
		margin-top: 10px;
	}
	.petokoto-box02 .petokoto-boxList > li {
		position: relative;
		padding-left: 18px;
		font-size: 1.8rem;
	}
	.petokoto-box02 .petokoto-boxList > li + li {
		margin-top: 10px;
	}
	.petokoto-box02 .petokoto-boxList > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	/* media */
	.petokoto-media01 {
		display: flex;
		margin-top: 20px;
	}
	.petokoto-media01 .petokoto-mediaHead {
		width: 50%;
		padding-right: 100px;
	}
	.petokoto-media01 .petokoto-mediaBody {
		width: 50%;
		padding-top: 87px;
	}
	.petokoto-media01 .petokoto-mediaHead >:first-child,
	.petokoto-media01 .petokoto-mediaBody >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-media01 .petokoto-mediaImage01 {
		margin-top: 30px;
	}
	.petokoto-media01 .petokoto-mediaImage02 {
		margin-top: 30px;
		filter: drop-shadow(0 30px 30px rgba(0, 0, 0, 0.2));
		transform: translateZ(0);
	}
	.petokoto-media01 .petokoto-mediaText01 {
		margin-top: 35px;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	.petokoto-media02 {
		display: flex;
		margin-top: 20px;
	}
	.petokoto-media02 .petokoto-mediaHead {
		width: 50%;
	}
	.petokoto-media02 .petokoto-mediaBody {
		width: 50%;
		padding-left: 68px;
	}
	.petokoto-media02 .petokoto-mediaHead >:first-child,
	.petokoto-media02 .petokoto-mediaBody >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-media02 .petokoto-mediaImage01 {
		margin: 15px auto 0;
		width: 355px;
	}
	.petokoto-media02 .petokoto-mediaText01 {
		margin-top: 15px;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	.petokoto-media02 .petokoto-mediaLead01 {
		margin-top: 20px;
		font-size: 3rem;
		font-weight: bold;
		color: #fa6f45;
		line-height: 1.4;
	}
	.petokoto-media03 {
		display: flex;
		margin-top: 40px;
	}
	.petokoto-media03 + .petokoto-media03 {
		margin-top: 60px;
	}
	.petokoto-media03 .petokoto-mediaHead {
		flex-shrink: 0;
		width: 290px;
		padding-right: 25px;
	}
	.petokoto-media03 .petokoto-mediaHead >:first-child,
	.petokoto-media03 .petokoto-mediaBody >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-media03 .petokoto-mediaImage01 {
		margin-top: 15px;
		text-align: center;
	}
	.petokoto-media03 .petokoto-mediaImage01 img {
		width: 119px;
		height: auto;
		margin: 0 auto;
	}
	.petokoto-media03 .petokoto-mediaImage01 figcaption {
		margin-top: 15px;
		font-size: 2rem;
		font-weight: bold;
	}
	.petokoto-media03 .petokoto-mediaImage02 {
		margin-top: 15px;
		text-align: center;
	}
	.petokoto-media03 .petokoto-mediaImage02 img {
		width: 132px;
		height: auto;
		margin: 0 auto;
	}
	.petokoto-media03 .petokoto-mediaImage02 figcaption {
		margin-top: 15px;
		font-size: 2rem;
		font-weight: bold;
	}
	.petokoto-media03 .petokoto-mediaText01 {
		margin-top: 15px;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	/* float */
	.petokoto-floatWrap {
		position: relative;
	}
	.petokoto-float {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
	}
	.petokoto-floatWrap.is-fixed .petokoto-float {
		position: fixed;
		z-index: 10;
	}
	.petokoto-float .petokoto-floatInner {
		width: 1200px;
		margin: 0 auto;
		padding: 18px 0 30px;
	}
	.petokoto-float .petokoto-floatButtonWrap {
		display: flex;
		gap: 40px;
	}
	.petokoto-float .petokoto-floatButton {
		width: calc(50% - 40px / 2);
		text-align: center;
	}
	.petokoto-float .petokoto-floatButton >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-float .petokoto-floatButton .petokoto-floatButtonText {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 10px;
		font-size: 1.8rem;
	}
	.petokoto-float .petokoto-floatButton .petokoto-floatButtonLink {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-height: 60px;
		margin-top: 15px;
		padding: 5px 40px;
		border-radius: 30px;
		background-color: #333;
		text-align: center;
		font-size: 2.8rem;
		color: #fff;
		text-decoration: none;
		transition: 0.3s all ease-out;
	}
	.petokoto-float .petokoto-floatButton .petokoto-floatButtonLink:hover {
		opacity: 0.7;
	}
	.petokoto-float .petokoto-floatButton a[data-color="orange"] {
		background-color: #fa6f45;
	}
	.petokoto-float .petokoto-floatButton a[data-color="green"] {
		background-color: #086f4a;
	}
	.petokoto-float .petokoto-floatButton .petokoto-floatButtonLink::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 16px;
		width: 12px;
		height: 8px;
		margin-top: -4px;
		background: url("/collabo/petokoto/img-files/index_ic01.webp") no-repeat 0 0 / contain;
		transform: rotate(-90deg);
	}
	/* privilege */
	.petokoto-privilegeWrap {
		width: 920px;
		margin: 15px auto 0;
	}
	.petokoto-privilegeWrap >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-privilege {
		width: 920px;
		margin: 40px auto;
		padding: 55px 35px 45px;
		border-radius: 40px;
		background-color: #fff;
	}
	.petokoto-privilege >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-privilege .petokoto-privilegeLabel {
		position: relative;
		margin: 20px auto 0;
		width: fit-content;
		min-width: 360px;
		padding: 12px 20px;
		background-color: #fa6f45;
		text-align: center;
		font-size: 2.4rem;
		color: #fff;
		font-weight: bold;
	}
	.petokoto-privilege .petokoto-privilegeLabel .large {
		margin-right: 10px;
		font-size: 4rem;
		vertical-align: middle;
	}
	.petokoto-privilege .petokoto-privilegeLabel::before,
	.petokoto-privilege .petokoto-privilegeLabel::after {
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #fff;
	}
	.petokoto-privilege .petokoto-privilegeLabel::before {
		top: 6px;
	}
	.petokoto-privilege .petokoto-privilegeLabel::after {
		bottom: 6px;
	}
	.petokoto-privilege .petokoto-privilegeArrowWrap {
		display: flex;
		justify-content: center;
		gap: 114px;
		margin-top: 30px;
	}
	.petokoto-privilege .petokoto-privilegeArrowWrap .petokoto-privilegeArrow {
		width: 48px;
	}
	.petokoto-privilege .petokoto-privilegeArrowWrap .petokoto-privilegeArrow[data-arrow="left"] {
		transform: rotate(30deg);
	}
	.petokoto-privilege .petokoto-privilegeArrowWrap .petokoto-privilegeArrow[data-arrow="right"] {
		transform: rotate(-30deg);
	}
	.petokoto-privilege .petokoto-privilegeItemWrap {
		display: flex;
		justify-content: center;
		gap: 60px;
		margin-top: 10px;
	}
	.petokoto-privilege .petokoto-privilegeItemWrap .petokoto-privilegeItem {
		width: fit-content;
		text-align: center;
	}
	.petokoto-privilege .petokoto-privilegeItemWrap .petokoto-privilegeItem >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-privilege .petokoto-privilegeImage01 {
		width: 248px;
		margin: 10px auto 0;
		padding-right: 40px;
	}
	.petokoto-privilege .petokoto-privilegeImage02 {
		width: 208px;
		margin: 10px auto 0;
	}
	.petokoto-privilege .petokoto-privilegeTitle {
		margin-top: 25px;
		font-size: 2.7rem;
		font-weight: bold;
		color: #fa6f45;
		line-height: 1.1;
	}
	.petokoto-privilege .petokoto-privilegeText {
		margin-top: 10px;
		font-size: 2rem;
		color: #4e4d4d;
		line-height: 1.4;
	}
}
/* sp
------------------------------------------------------ */
@media screen and (max-width: 750px) {
	/* override
	------------------------------------------------------ */
	body{
		font-size: 1.3rem;
	}
	section.common {
		padding: 0 12px;
	}
	section.common .tab-btn a {
		font-size: 1.4rem;
	}
	/* header
	------------------------------------------------------ */
	#header {
		position: relative;
		padding: 0;
		border: none;
		z-index: 2;
	}
	#header #headerLogo {
		display: flex;
		align-items: center;
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
		min-height: 45px;
	}
	#header #headerLogo img {
		width: auto;
		height: 23px;
	}
	/* layout
	------------------------------------------------------ */
	#mainContainer {
		margin-top: 0;
	}
	#mainContents{
		padding: 0 10px;
	}
	/* footer
	------------------------------------------------------ */
	#footer {
		margin-top: 0;
		padding: 15px 10px 60px;
		border: none;
		background-color: #fa6f45;
	}
	#footer #copyright {
		text-align: center;
		font-size: 1.2rem;
		color: #fff;
	}
	/* mainVisual
	------------------------------------------------------ */
	.mainVisual {
		position: relative;
		width: 100%;
		margin-top: -45px;
		background-color: #f4f3ee;
		overflow: hidden;
		aspect-ratio: 720 / 1255;
	}
	.mainVisual .mainVisualInner {
		display: flex;
		align-items: flex-end;
		position: relative;
		width: 100%;
		min-height: 100%;
		padding: calc(50 / 720 * 100vw) calc(20 / 720 * 100vw);
		z-index: 1;
	}
	.mainVisual .mainVisualMedia {
		display: flex;
		flex-flow: column-reverse;
		width: 100%;
	}
	.mainVisual .mainVisualMedia .mainVisualMediaHead {
		margin-top: calc(120 / 720 * 100vw);
		padding: 0 calc(50 / 720 * 100vw);
	}
	.mainVisual .mainVisualMedia .mainVisualMediaBody {
		text-align: center;
	}
	.mainVisual .mainVisualTitle {
		font-size: calc(80 / 720 * 100vw);
		color: #4e4d4d;
		font-weight: bold;
		line-height: 1.4;
		text-shadow: 1px 1px 10px #f4f3ee ,2px 2px 11px #f4f3ee ,3px 3px 12px #f4f3ee ,4px 4px 13px #f4f3ee ,5px 5px 14px #f4f3ee ,-1px -1px 10px #f4f3ee ,-2px -2px 11px #f4f3ee ,-3px -3px 12px #f4f3ee ,-4px -4px 13px #f4f3ee ,-5px -5px 14px #f4f3ee;
	}
	.mainVisual .mainVisualTitleSub {
		font-size: calc(26 / 720 * 100vw);
		color: #fff;
		line-height: 2.5;
	}
	.mainVisual .mainVisualTitleSub .text {
		padding: calc(6 / 720 * 100vw) calc(14 / 720 * 100vw);
		background-color: #fa6f45;
	}
	.mainVisual .mainVisualText {
		font-size: calc(32 / 720 * 100vw);
		font-weight: bold;
		line-height: 1.4;
		text-shadow: 1px 1px 10px #f4f3ee ,2px 2px 11px #f4f3ee ,3px 3px 12px #f4f3ee ,4px 4px 13px #f4f3ee ,5px 5px 14px #f4f3ee ,-1px -1px 10px #f4f3ee ,-2px -2px 11px #f4f3ee ,-3px -3px 12px #f4f3ee ,-4px -4px 13px #f4f3ee ,-5px -5px 14px #f4f3ee;
	}
	.mainVisual .mainVisualButton {
		margin-top: calc(24 / 720 * 100vw);
	}
	.mainVisual .mainVisualButton a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-width: calc(250 / 720 * 100vw);
		min-height: calc(56 / 720 * 100vw);
		padding: calc(6 / 720 * 100vw) calc(56 / 720 * 100vw);
		border-radius: calc(28 / 720 * 100vw);
		background-color: #4e4d4d;
		text-align: center;
		font-size: calc(26 / 720 * 100vw);
		color: #fff;
		text-decoration: none;
	}
	.mainVisual .mainVisualButton a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: calc(24 / 720 * 100vw);
		width: calc(20 / 720 * 100vw);
		height: calc(12 / 720 * 100vw);
		margin-top: calc(6 / 720 * 100vw * -1);
		background: url("/collabo/petokoto/img-files/index_ic01.webp") no-repeat 0 0 / contain;
	}
	.mainVisual .mainVisualImage {
		width: calc(500 / 720 * 100vw);
		height: auto;
		margin: 0 auto;
		filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.2));
		transform: translateZ(0);
	}
	.mainVisual .mainVisualBack .mainVisualBackItem {
		position: absolute;
		left: 0;
		width: calc(400 / 720 * 100vw);
		transform: translateX(-100%);
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="01"] {
		top: 4%;
		animation: autoslider 20s linear -19s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="02"] {
		top: 37%;
		animation: autoslider 20s linear -17s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="03"] {
		top: 61%;
		animation: autoslider 20s linear -14s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="04"] {
		top: 5%;
		animation: autoslider 20s linear -11s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="05"] {
		top: 50%;
		animation: autoslider 20s linear -8s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="06"] {
		top: 25%;
		animation: autoslider 20s linear -5s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="07"] {
		top: 75%;
		animation: autoslider 20s linear -2s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="01"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -1s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="02"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -3s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="03"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -2.5s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="04"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -3s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="05"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -1s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="06"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -0s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="07"] .mainVisualBackImage {
		animation: updown 5s ease-in-out -4.5s infinite;
	}
	/* module
	------------------------------------------------------ */
	/* section */
	.petokoto-section01 {
		width: 100vw;
		margin-left: -10px;
		padding: 30px 10px;
		background-color: #fa6f45;
	}
	.petokoto-section01 .petokoto-section01Inner {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.petokoto-section01.catRun {
		padding: 40px 10px 45px;
	}
	.petokoto-section01.catRun .petokoto-section01Inner {
		padding: 40px 10px 45px;
		border-radius: 20px;
		background-color: #fff;
	}
	.petokoto-section01 .petokoto-section01Inner >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-section01.catRun .petokoto-section01Inner::before,
	.petokoto-section01.catRun .petokoto-section01Inner::after {
		content: '';
		position: absolute;
		right: 0;
		bottom: -40px;
		width: 127px;
		height: 64px;
	}
	.petokoto-section01.catRun .petokoto-section01Inner::before {
		background: url("/collabo/petokoto/img-files/index_im01-2.webp") no-repeat 0 0 / contain;
		animation: sp_catRun01 3s linear infinite;
	}
	.petokoto-section01.catRun .petokoto-section01Inner::after {
		background: url("/collabo/petokoto/img-files/index_im01-1.webp") no-repeat 0 0 / contain;
		animation: sp_catRun02 3s linear infinite;
	}
	.petokoto-section02 .petokoto-section02Inner {
		padding: 60px 0 50px;
	}
	.petokoto-section02 .petokoto-section02Inner >:first-child {
		margin-top: 0;
	}
	.petokoto-section02.dogRun .petokoto-section02Inner {
		position: relative;
		padding-bottom: 95px;
	}
	.petokoto-section02.dogRun .petokoto-section02Inner::before,
	.petokoto-section02.dogRun .petokoto-section02Inner::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 3px;
		width: 134px;
		height: 69px;
	}
	.petokoto-section02.dogRun .petokoto-section02Inner::before {
		background: url("/collabo/petokoto/img-files/index_im08-2.webp") no-repeat 0 0 / contain;
		animation: sp_dogRun01 3s linear infinite;
	}
	.petokoto-section02.dogRun .petokoto-section02Inner::after {
		background: url("/collabo/petokoto/img-files/index_im08-1.webp") no-repeat 0 0 / contain;
		animation: sp_dogRun02 3s linear infinite;
	}
	.petokoto-section03 {
		margin: 0 min(0px, calc(((100vw - 100%) / 2) * -1));
		padding: 60px 0 50px;
		background-color: #fa6f45;
	}
	.petokoto-section03 {
		width: 100vw;
		margin-left: -10px;
		padding: 40px 10px;
		background-color: #fa6f45;
	}
	.petokoto-section03 .petokoto-section03Inner {
		width: 100%;
		margin: 0 auto;
		padding: 45px 10px 25px;
		border-radius: 20px;
		background-color: #fff;
	}
	.petokoto-section03 .petokoto-section03Inner >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-section03 .petokoto-section03ImageWrap {
		display: flex;
		flex-flow: row-reverse;
		margin-top: 20px;
		padding: 0 12px;
		gap: 16px;
	}
	.petokoto-section03 .petokoto-section03Image01 {
		width: calc(50% - 16px / 2);
		margin-top: calc(80 / 720 * 100vw);
		text-align: center;
	}
	.petokoto-section03 .petokoto-section03Image02 {
		width: calc(50% - 16px / 2);
		text-align: center;
	}
	.petokoto-section04 {
		width: 100vw;
		margin-left: -10px;
		padding: 60px 10px 50px;
		background-color: #f4f3ee;
	}
	.petokoto-section04 .petokoto-section04Inner {
		position: relative;
	}
	.petokoto-section04 .petokoto-section04Inner >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-section04.catImage {
		padding-bottom: 150px;
	}
	.petokoto-section04.catImage .petokoto-section04Image01 {
		position: absolute;
		right: 0;
		bottom: -145px;
		width: 123px;
		height: auto;
	}
	/* heading */
	.petokoto-heading02 {
		margin-top: 20px;
		margin-bottom: 25px;
	}
	.petokoto-heading02 .petokoto-heading02Title {
		position: relative;
		padding-bottom: 12px;
		text-align: center;
		font-size: 2.5rem;
		font-weight: bold;
		line-height: 1.3;
	}
	.petokoto-heading02 .petokoto-heading02Title::before {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		width: 30px;
		height: 2px;
		margin: auto;
		background-color: #fa6f45;
	}
	.petokoto-heading02-02 {
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.petokoto-heading02-02 .petokoto-heading02Title {
		text-align: center;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.4;
	}
	/* text */
	.petokoto-text01 {
		margin-top: 10px;
		font-size: 1.3rem;
		line-height: 1.4;
	}
	.petokoto-text02 {
		margin-top: 30px;
		font-size: 1.5rem;
		line-height: 1.3;
	}
	.petokoto-text03 {
		margin-top: 15px;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.petokoto-text04 {
		margin-top: 10px;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.petokoto-lead01 {
		margin-top: 30px;
		margin-bottom: 15px;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.4;
	}
	.petokoto-lead01 .large {
		font-size: 3rem;
	}
	.petokoto-lead02 {
		margin-top: 25px;
		text-align: center;
		font-size: 1.7rem;
		font-weight: bold;
		color: #fa6f45;
		line-height: 1.4;
	}
	.petokoto-linkText {
		margin-top: 4px;
		font-size: 1.3rem;
	}
	.petokoto-linkText a {
		position: relative;
		padding-left: 17px;
	}
	.petokoto-linkText a::before {
		content: '';
		position: absolute;
		top: 7px;
		left: 0;
		width: 13px;
		height: 7px;
		background: url("/collabo/petokoto/img-files/index_ic02.webp") no-repeat 0 0 / contain;
	}
	/* image */
	.petokoto-image01 {
		margin-top: 45px;
		text-align: center;
	}
	.petokoto-image02 {
		margin: 20px auto 0;
		width: 140px;
		height: auto;
		text-align: center;
	}
	/* list */
	.petokoto-noteList01 {
		margin-top: 10px;
	}
	.petokoto-noteList01 > li {
		position: relative;
		padding-left: 13px;
		font-size: 1.3rem;
	}
	.petokoto-noteList01 > li + li {
		margin-top: 4px;
	}
	.petokoto-noteList01 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	/* box */
	.petokoto-box01 {
		margin-top: 25px;
	}
	.petokoto-box01 .petokoto-boxInner {
		padding: 25px 10px;
		border-radius: 20px;
		background-color: #fff;
	}
	.petokoto-box01 .petokoto-boxInner >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-box02 {
		margin-top: 20px;
	}
	.petokoto-box02 .petokoto-boxInner {
		padding: 20px 10px 30px;
		border-radius: 20px;
		background-color: #fff;
	}
	.petokoto-box02 .petokoto-boxInner >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-box02 .petokoto-boxHeading2 {
		margin-top: 15px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 2.5rem;
		font-weight: bold;
		line-height: 1.4;
	}
	.petokoto-box02 .petokoto-boxText {
		margin-top: 10px;
		font-size: 1.3rem;
	}
	.petokoto-box02 .petokoto-boxList {
		margin-top: 5px;
	}
	.petokoto-box02 .petokoto-boxList > li {
		position: relative;
		padding-left: 13px;
		font-size: 1.3rem;
	}
	.petokoto-box02 .petokoto-boxList > li + li {
		margin-top: 5px;
	}
	.petokoto-box02 .petokoto-boxList > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	/* media */
	.petokoto-media01 {
		margin-top: 15px;
	}
	.petokoto-media01 .petokoto-mediaHead {
		text-align: center;
	}
	.petokoto-media01 .petokoto-mediaBody {
		margin-top: 50px;
	}
	.petokoto-media01 .petokoto-mediaHead >:first-child,
	.petokoto-media01 .petokoto-mediaBody >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-media01 .petokoto-mediaImage01 {
		margin: 30px 35px 0;
	}
	.petokoto-media01 .petokoto-mediaImage02 {
		margin: 17px 28px 0;
		filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.2));
		transform: translateZ(0);
	}
	.petokoto-media01 .petokoto-mediaText01 {
		margin-top: 22px;
		font-size: 1.3rem;
		line-height: 1.5;
	}
	.petokoto-media02 {
		margin-top: 15px;
	}
	.petokoto-media02 .petokoto-mediaBody {
		margin-top: 25px;
	}
	.petokoto-media02 .petokoto-mediaHead >:first-child,
	.petokoto-media02 .petokoto-mediaBody >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-media02 .petokoto-mediaImage01 {
		margin: 10px 65px 0;
		text-align: center;
	}
	.petokoto-media02 .petokoto-mediaText01 {
		margin-top: 15px;
		font-size: 1.3rem;
		line-height: 1.5;
	}
	.petokoto-media02 .petokoto-mediaLead01 {
		margin-top: 15px;
		font-size: 2rem;
		font-weight: bold;
		color: #fa6f45;
		line-height: 1.4;
	}
	.petokoto-media03 {
		margin-top: 30px;
	}
	.petokoto-media03 + .petokoto-media03 {
		margin-top: 55px;
	}
	.petokoto-media03 .petokoto-mediaBody {
		margin-top: 25px;
	}
	.petokoto-media03 .petokoto-mediaHead >:first-child,
	.petokoto-media03 .petokoto-mediaBody >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-media03 .petokoto-mediaImage01 {
		margin-top: 10px;
		text-align: center;
	}
	.petokoto-media03 .petokoto-mediaImage01 img {
		width: min(179px, calc(179 / 720 * 100vw));
		height: auto;
		margin: 0 auto;
	}
	.petokoto-media03 .petokoto-mediaImage01 figcaption {
		margin-top: 10px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.petokoto-media03 .petokoto-mediaImage02 {
		margin-top: 10px;
		text-align: center;
	}
	.petokoto-media03 .petokoto-mediaImage02 img {
		width: min(172px, calc(172 / 720 * 100vw));
		height: auto;
		margin: 0 auto;
	}
	.petokoto-media03 .petokoto-mediaImage02 figcaption {
		margin-top: 10px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.petokoto-media03 .petokoto-mediaText01 {
		margin-top: 10px;
		font-size: 1.3rem;
		line-height: 1.5;
	}
	/* float */
	.petokoto-floatWrap {
		position: relative;
	}
	.petokoto-float {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
	}
	.petokoto-floatWrap.is-fixed .petokoto-float {
		position: fixed;
		z-index: 10;
	}
	.petokoto-float .petokoto-floatInner {
		width: 100%;
		margin: 0 auto;
		padding: 7px 10px;
	}
	.petokoto-float .petokoto-floatButtonWrap {
		display: flex;
		gap: 10px;
	}
	.petokoto-float .petokoto-floatButton {
		width: calc(50% - 10px / 2);
		text-align: center;
	}
	.petokoto-float .petokoto-floatButton >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-float .petokoto-floatButton .petokoto-floatButtonText {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 10px;
		font-size: 1.3rem;
		line-height: 1.2;
	}
	.petokoto-float .petokoto-floatButton .petokoto-floatButtonLink {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-height: 40px;
		margin-top: 5px;
		padding: 5px 25px;
		border-radius: 20px;
		background-color: #333;
		text-align: center;
		font-size: 1.5rem;
		color: #fff;
		text-decoration: none;
		transition: 0.3s all ease-out;
	}
	.petokoto-float .petokoto-floatButton a[data-color="orange"] {
		background-color: #fa6f45;
	}
	.petokoto-float .petokoto-floatButton a[data-color="green"] {
		background-color: #086f4a;
	}
	.petokoto-float .petokoto-floatButton .petokoto-floatButtonLink::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 12px;
		width: 9px;
		height: 5px;
		margin-top: -2.5px;
		background: url("/collabo/petokoto/img-files/index_ic01.webp") no-repeat 0 0 / contain;
		transform: rotate(-90deg);
	}
	/* privilege */
	.petokoto-privilege {
		margin: 20px auto 35px;
		padding: 20px 10px;
		border-radius: 20px;
		background-color: #fff;
	}
	.petokoto-privilege >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-privilege .petokoto-privilegeLabel {
		position: relative;
		margin: 15px auto 0;
		max-width: 232px;
		padding: 8px 10px;
		background-color: #fa6f45;
		text-align: center;
		font-size: 1.7rem;
		color: #fff;
		font-weight: bold;
	}
	.petokoto-privilege .petokoto-privilegeLabel .large {
		margin-right: 8px;
		font-size: 2.8rem;
		vertical-align: middle;
	}
	.petokoto-privilege .petokoto-privilegeLabel::before,
	.petokoto-privilege .petokoto-privilegeLabel::after {
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;
	}
	.petokoto-privilege .petokoto-privilegeLabel::before {
		top: 5px;
	}
	.petokoto-privilege .petokoto-privilegeLabel::after {
		bottom: 5px;
	}
	.petokoto-privilege .petokoto-privilegeArrowWrap {
		display: flex;
		justify-content: center;
		gap: 54px;
		margin-top: 20px;
	}
	.petokoto-privilege .petokoto-privilegeArrowWrap .petokoto-privilegeArrow {
		width: 30px;
	}
	.petokoto-privilege .petokoto-privilegeArrowWrap .petokoto-privilegeArrow[data-arrow="left"] {
		transform: rotate(30deg);
	}
	.petokoto-privilege .petokoto-privilegeArrowWrap .petokoto-privilegeArrow[data-arrow="right"] {
		transform: rotate(-30deg);
	}
	.petokoto-privilege .petokoto-privilegeItemWrap {
		display: flex;
		justify-content: center;
		margin-top: 10px;
	}
	.petokoto-privilege .petokoto-privilegeItemWrap .petokoto-privilegeItem {
		width: 50%;
		text-align: center;
	}
	.petokoto-privilege .petokoto-privilegeItemWrap .petokoto-privilegeItem >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-privilege .petokoto-privilegeImage01 {
		max-width: 145px;
		margin: 10px auto 0;
	}
	.petokoto-privilege .petokoto-privilegeImage02 {
		max-width: 145px;
		margin: 10px auto 0;
	}
	.petokoto-privilege .petokoto-privilegeTitle {
		margin-top: 10px;
		font-size: 1.3rem;
		font-weight: bold;
		color: #fa6f45;
		line-height: 1.1;
	}
	.petokoto-privilege .petokoto-privilegeText {
		margin-top: 7px;
		font-size: 1rem;
		color: #4e4d4d;
		line-height: 1.4;
	}
}
/* liquid
------------------------------------------------------ */
@media screen and (min-width: 1920px) {
	.mainVisual {
		width: 100%;
		left: 0;
		transform: translateX(0);
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="01"] {
		animation: autoslider 40s linear -39s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="02"] {
		animation: autoslider 40s linear -33s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="03"] {
		animation: autoslider 40s linear -28s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="04"] {
		animation: autoslider 40s linear -23s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="05"] {
		animation: autoslider 40s linear -17s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="06"] {
		animation: autoslider 40s linear -11s infinite;
	}
	.mainVisual .mainVisualBack .mainVisualBackItem[data-item="07"] {
		animation: autoslider 40s linear -5s infinite;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1920px) {
	/* section */
	.petokoto-section03[data-situation-pc="liquid"] {
		padding: calc(60 / 1920 * 100vw) 0 calc(60 / 1920 * 100vw);
	}
	.petokoto-section03[data-situation-pc="liquid"] .petokoto-section03Inner {
		position: relative;
		width: calc(870 / 1920 * 100vw);
		margin: 0 auto;
		padding: calc(60 / 1920 * 100vw);
		border-radius: calc(40 / 1920 * 100vw);
		background-color: #fff;
	}
	.petokoto-section03[data-situation-pc="liquid"] .petokoto-section03Inner >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-section03[data-situation-pc="liquid"] .petokoto-section03Image01 {
		position: absolute;
		bottom: calc(87 / 1920 * 100vw * -1);
		right: calc(646 / 1920 * 100vw * -1);
		width: calc(583 / 1920 * 100vw);
	}
	.petokoto-section03[data-situation-pc="liquid"] .petokoto-section03Image02 {
		position: absolute;
		bottom: calc(6 / 1920 * 100vw);
		left: calc(643 / 1920 * 100vw * -1);
		width: calc(583 / 1920 * 100vw);
	}
	/* heading */
	[data-situation-pc="liquid"] .petokoto-heading02 {
		margin-top: calc(30 / 1920 * 100vw);
		margin-bottom: calc(40 / 1920 * 100vw);
	}
	[data-situation-pc="liquid"] .petokoto-heading02 .petokoto-heading02Title {
		padding-bottom: calc(10 / 1920 * 100vw);
		font-size: calc(36 / 1920 * 100vw);
	}
	[data-situation-pc="liquid"] .petokoto-heading02 .petokoto-heading02Title::before {
		width: calc(37 / 1920 * 100vw);
		height: calc(2 / 1920 * 100vw);
	}
	/* text */
	[data-situation-pc="liquid"] .petokoto-text01 {
		margin-top: calc(15 / 1920 * 100vw);
		font-size: calc(18 / 1920 * 100vw);
	}
	/* image */
	[data-situation-pc="liquid"] .petokoto-image01 {
		margin-top: calc(60 / 1920 * 100vw);
	}
}
@media screen and (min-width: 750px) and (max-width: 1200px) {
	/* section */
	.petokoto-section03[data-situation-pc="liquid"] {
		padding: 37.5px 0;
	}
	.petokoto-section03[data-situation-pc="liquid"] .petokoto-section03Inner {
		position: relative;
		width: 543.75px;
		margin: 0 auto;
		padding: 37.5px;
		border-radius: 25px;
		background-color: #fff;
	}
	.petokoto-section03[data-situation-pc="liquid"] .petokoto-section03Inner >:first-child {
		margin-top: 0 !important;
	}
	.petokoto-section03[data-situation-pc="liquid"] .petokoto-section03Image01 {
		position: absolute;
		bottom: -54.375px;
		right: -403.75px;
		width: 364.375px;
	}
	.petokoto-section03[data-situation-pc="liquid"] .petokoto-section03Image02 {
		position: absolute;
		bottom: 3.75px;
		left: -401.875px;
		width: 364.375px;
	}
	/* heading */
	[data-situation-pc="liquid"] .petokoto-heading02 {
		margin-top: 18.75px;
		margin-bottom: 25px;
	}
	[data-situation-pc="liquid"] .petokoto-heading02 .petokoto-heading02Title {
		padding-bottom: 6.25px;
		font-size: 2.25rem;
	}
	[data-situation-pc="liquid"] .petokoto-heading02 .petokoto-heading02Title::before {
		width: 23.125px;
		height: 1.25px;
	}
	/* text */
	[data-situation-pc="liquid"] .petokoto-text01 {
		margin-top: 9.375px;
		font-size: 1.125rem;
	}
	/* image */
	[data-situation-pc="liquid"] .petokoto-image01 {
		margin-top: 37.5px;
	}
}
/* keyframe
------------------------------------------------------ */
@keyframes autoslider_1920 {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(calc(1920px));
	}
}
@keyframes autoslider {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(calc(100vw + 10px));
	}
}
@keyframes updown {
	0% {
		transform: translateY(25px);
	}
	50% {
		transform: translateY(-25px);
	}
	100% {
		transform: translateY(25px);
	}
}
@keyframes pc_catRun01 {
	0% {
		right: 0;
		opacity: 1;
	}
	9.9% {
		opacity: 1;
	}
	10% {
		opacity: 0;
	}
	19.9% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	29.9% {
		opacity: 1;
	}
	30% {
		opacity: 0;
	}
	39.9% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	49.9% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	59.9% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	69.9% {
		opacity: 1;
	}
	70% {
		opacity: 0;
	}
	79.9% {
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	89.9% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		right: calc(100% - 254px);
	}
}
@keyframes pc_catRun02 {
	0% {
		right: 0;
		opacity: 0;
	}
	9.9% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	19.9% {
		opacity: 1;
	}
	20% {
		opacity: 0;
	}
	29.9% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	39.9% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	49.9% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	59.9% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	69.9% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	79.9% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	89.9% {
		opacity: 0;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		right: calc(100% - 254px);
	}
}
@keyframes sp_catRun01 {
	0% {
		right: 0;
		opacity: 1;
	}
	19.9% {
		opacity: 1;
	}
	20% {
		opacity: 0;
	}
	39.9% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	59.9% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	79.9% {
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		right: calc(100% - 127px);
	}
}
@keyframes sp_catRun02 {
	0% {
		right: 0;
		opacity: 0;
	}
	19.9% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	39.9% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	59.9% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	79.9% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		right: calc(100% - 127px);
	}
}
@keyframes pc_dogRun01 {
	0% {
		left: 0;
		opacity: 1;
	}
	9.9% {
		opacity: 1;
	}
	10% {
		opacity: 0;
	}
	19.9% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	29.9% {
		opacity: 1;
	}
	30% {
		opacity: 0;
	}
	39.9% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	49.9% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	59.9% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	69.9% {
		opacity: 1;
	}
	70% {
		opacity: 0;
	}
	79.9% {
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	89.9% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		left: calc(100% - 267px);
	}
}
@keyframes pc_dogRun02 {
	0% {
		left: 0;
		opacity: 0;
	}
	9.9% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	19.9% {
		opacity: 1;
	}
	20% {
		opacity: 0;
	}
	29.9% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	39.9% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	49.9% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	59.9% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	69.9% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	79.9% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	89.9% {
		opacity: 0;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		left: calc(100% - 267px);
	}
}
@keyframes sp_dogRun01 {
	0% {
		left: 0;
		opacity: 1;
	}
	14.9% {
		opacity: 1;
	}
	15% {
		opacity: 0;
	}
	29.9% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	44.9% {
		opacity: 1;
	}
	45% {
		opacity: 0;
	}
	59.9% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	74.9% {
		opacity: 1;
	}
	75% {
		opacity: 0;
	}
	89.9% {
		opacity: 0;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		left: calc(100% - 134px);
	}
}
@keyframes sp_dogRun02 {
	0% {
		right: 0;
		opacity: 0;
	}
	14.9% {
		opacity: 0;
	}
	15% {
		opacity: 1;
	}
	29.9% {
		opacity: 1;
	}
	30% {
		opacity: 0;
	}
	44.9% {
		opacity: 0;
	}
	45% {
		opacity: 1;
	}
	59.9% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	74.9% {
		opacity: 0;
	}
	75% {
		opacity: 1;
	}
	89.9% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		left: calc(100% - 134px);
	}
}