@charset "shift_jis";
body{
	font-family: 'Heebo', 'Noto Sans CJK JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	overflow-x: hidden;
	background-color: #000;
}
/* override
------------------------------------------------------ */
.overlay {
	z-index: 20;
}
/* layout
------------------------------------------------------ */
#mainContainer {
	margin-top: 45px;
}
a:visited,
a:link{
	color: #fff;
}
p,ul,ol,div {
	color: #fff;
}
.feelcycle-color01 {
	color: #e0cd96;
}
/* pc
------------------------------------------------------ */
@media screen and (min-width: 751px) {
	/* override
	------------------------------------------------------ */
	body {
	font-size: 1.6rem;
}
	#pageContainer {
		overflow-x: hidden;
	}
	.spOnly {
		display: none!important;
	}
	/* header
	------------------------------------------------------ */
	#header {
		position: relative;
		padding: 0;
		border: none;
		z-index: 2;
		background-color: #000;
	}
	#header #headerLogo {
		display: flex;
		align-items: center;
		width: 1200px;
		margin: 0 auto;
		min-height: 50px;
		padding: 9px 3px 12px;
	}
	#header #headerLogo img {
		width: auto;
		height: 29px;
	}
	
	/* footer
	------------------------------------------------------ */
	#footer {
		margin-top: 0;
		padding: 12px 0 20px;
		border: none;
		background-color: #000;
	}
	#footer #copyright {
		text-align: center;
		font-size: 1.4rem;
		color: #fff;
	}
	/* feelcycle-mainVisual
	------------------------------------------------------ */
	.feelcycle-mainVisual {
		text-align: center;
	}
	.feelcycle-mainVisualText01 {
		font-size: 3.0rem;
		font-weight: bold;
		text-align: center;
		margin-top: 45px;
	}
	.feelcycle-mainVisualText02 {
		text-align: center;
		font-size: 1.6rem;
		margin-top: 5px;
	}
	/* feelcycle-section
	------------------------------------------------------ */
	.feelcycle-section01 {
		margin-top: 71px;
	}
	/* feelcycle-heading
	------------------------------------------------------ */
	.feelcycle-heading02Title {
		font-size: 7.0rem;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	.feelcycle-heading02-01 {
		position: relative;
		border-bottom: 1px solid #fff;
		margin-top: 86px;
	}
	.feelcycle-heading02-01::before {
		position: absolute;
		content: "";
		bottom: -5px;
		left: 1px;
		width: 10px;
		height: 10px;
		background-color: #fff;
		transform: rotate(45deg);
	}
	.feelcycle-heading02-01::after {
		position: absolute;
		content: "";
		bottom: -5px;
		right: 1px;
		width: 10px;
		height: 10px;
		background-color: #fff;
		transform: rotate(45deg);
	}
	.feelcycle-heading02-01 .feelcycle-heading02-01Title {
		font-size: 5.0rem;
		font-weight: bold;
		text-align: center;
		line-height: 1.3;
		padding-bottom: 19px;
	}
	.feelcycle-heading02-02 {
		margin: 30px auto 46px;
	}
	.feelcycle-heading02-02 .feelcycle-heading02-02Title {
		font-size: 2.4rem;
		font-weight: bold;
		text-align: center;
	}
	.feelcycle-headingColor {
		color: #e0cd96;
	}
	.feelcycle-headingSub {
		font-size: 4.0rem;
	}
	/* feelcycle-card
	------------------------------------------------------ */
	.feelcycle-cardWrap {
		width: 1000px;
		margin: 40px auto 0;
		background: linear-gradient(to right, #000 0%, #08140d 40%, #737373 100%);
		border-radius: 20px;
		padding: 81px 40px 80px;
	}
	.feelcycle-cardImage {
		text-align: center;
	}
	.feelcycle-cardImage img {
		width: 417px;
	}
	.feelcycle-cardText {
		text-align: center;
		font-size: 1.6rem;
		margin-top: 44px;
	}
	.feelcycle-cardBtnWrap {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 40px;
		margin-top: 40px;
	}
	.feelcycle-cardBtnItem {
		width: calc(50% - 40px / 2);
		text-align: center;
	}
	.feelcycle-cardBtnText {
		text-align: center;
		font-size: 1.8rem;
	}
	a.feelcycle-cardBtnLink {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-height: 90px;
		margin-top: 8px;
		padding: 5px 40px;
		border-radius: 6px;
		background-color: #333;
		text-align: center;
		font-size: 3.4rem;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		transition: 0.3s all ease-out;
	}
	a.feelcycle-cardBtnLink::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 23px;
		width: 15px;
		height: 15px;
		margin-top: -10px;
		border-top: 5px solid #fff;
		border-right: 5px solid #fff;
		transform: rotate(45deg);
	}
	a.feelcycle-cardBtnLink[data-color="white"]::before {
		border-top: 5px solid #000;
		border-right: 5px solid #000;
	}
	a.feelcycle-cardBtnLink:hover {
		opacity: 0.7;
	}
	a.feelcycle-cardBtnLink[data-color="black"] {
		background-color: #000;
		border: 2px solid #fff;
	}
	a.feelcycle-cardBtnLink[data-color="white"] {
		background-color: #fff;
		color: #000;
	}
	/* feelcycle-explanationArea
	------------------------------------------------------ */
	.feelcycle-explanationArea {
		position: relative;
		width: 1920px;
		left: 50%;
		transform: translateX(-50%);
		background: linear-gradient(to right, #000 0%, #08140d 40%, #737373 100%);
		margin-top: 100px;
		padding: 78px 10px 85px;
	}
	.feelcycle-explanationAreaInner {
		width: 1260px;
		margin: 0 auto;
		padding: 0 30px;
	}
	.feelcycle-movieWrap {
		display: flex;
		gap: 35px;
		margin-top: 40px;
	}
	.feelcycle-explanationText {
		font-size: 1.6rem;
		margin-top: 22px;
		line-height: 1.6;
	}
	.feelcycle-explanationText + .feelcycle-explanationText {
		margin-top: 16px;
	}
	.feelcycle-explanationLaed {
		font-size: 3.0rem;
		font-weight: bold;
		color: #fff;
		text-align: center;
		margin-top: 52px;
	}
	/* feelcycle-privilege
	------------------------------------------------------ */
	.feelcycle-privilegeLeadWrap {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 30px;
		gap: 30px;
	}
	.feelcycle-privilegeCircle {
		width: 157px;
		height: 157px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #e0cd96;
		border-radius: 100%;
	}
	.feelcycle-privilegeCircleText {
		font-size: 2.0rem;
		text-align: center;
		color: #000;
		font-weight: bold;
		line-height: 1.3;
	}
	.feelcycle-privilegeLeadText {
		font-size: 3.0rem;
		font-weight: bold;
		color: #e0cd96;
		line-height: 1.4;
	}
	.feelcycle-privilegeLeadTextLarge {
		font-size: 4.0rem;
	}
	.feelcycle-privilegeWrap {
		display: flex;
		gap: 36px;
		margin-top: 30px;
	}
	.feelcycle-privilegeHead {
		flex-shrink: 0;
	}
	.feelcycle-privilegeImg {
		width: 581px;
	}
	.feelcycle-privilegeText01 {
		font-size: 1.6rem;
		margin-top: 18px;
	}
	.feelcycle-privilegeText02 {
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.feelcycle-privilegeText03 {
		font-size: 1.8rem;
		text-align: center;
		margin-top: 26px;
	}
	.feelcycle-privilegeText04 {
		font-size: 4.0rem;
		font-weight: bold;
		color: #e0cd96;
		text-align: center;
		margin-top: 18px;
		line-height: 1.2;
	}
	.feelcycle-privilegeImg02 {
		margin-top: 24px;
	}
	.feelcycle-privilegeNoteListWrap {
		width: 790px;
		margin: 0 auto;
	}
	.feelcycle-privilegeNoteList {
		margin-top: 27px;
	}
	.feelcycle-privilegeNoteList li {
		position: relative;
		padding-left: 16px;
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.feelcycle-privilegeNoteList li .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.feelcycle-privilegeBox {
		width: 790px;
		margin: 23px auto 0;
		padding: 28px 20px 24px;
		border: 1px solid #fff;
	}
	.feelcycle-privilegeBox >:first-child {
		margin-top: 0 !important;
	}
	.feelcycle-privilegeBoxText {
		font-size: 2.4rem;
		text-align: center;
		margin-top: 10px;
		line-height: 1.4;
	}
	/* feelcycle-balloon */
	.feelcycle-balloonBox {
		position: relative;
		background-color: #e0cd96;
		width: 790px;
		padding: 28px 20px 26px;
		margin: 35px auto 0;
	}
	.feelcycle-balloonBox >:first-child {
		margin-top: 0 !important;
	}
	.feelcycle-balloonBox::before {
		position: absolute;
		content: "";
		top: -10px;
		left: 50%;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
		border-bottom: 10px solid #e0cd96;
		border-top: 0;
		transform: translateX(-50%);
	}
	.feelcycle-balloonText {
		font-size: 2.2rem;
		font-weight: bold;
		text-align: center;
		color: #000;
		line-height: 1.2;
		margin-top: 15px;
	}
	.feelcycle-balloonTextSub {
		font-size: 1.6rem;
		font-weight: normal;
	}
	/* feelcycle-box
	------------------------------------------------------ */
	.feelcycle-box01 {
		margin-top: 100px;
		background-color: #323232;
		padding: 26px 50px 25px;
	}
	.feelcycle-box01 >:first-child {
		margin-top: 0 !important;
	}
	.feelcycle-box01 + .feelcycle-box01 {
		margin-top: 40px;
	}
	.feelcycle-box01 >:first-child {
		margin-top: 0;
	}
	.feelcycle-box01 .feelcycle-boxTitle {
		position: relative;
		margin-top: 24px;
		margin-bottom: 25px;
		text-align: center;
		font-size: 2.2rem;
		font-weight: bold;
		line-height: 1.3;
	}
	.feelcycle-box01 .feelcycle-boxText {
		margin-top: 5px;
	}
	.feelcycle-box01 .feelcycle-boxText .large {
		font-size: 2rem;
		font-weight: bold;
	}
	.feelcycle-box01 .feelcycle-boxLead {
		font-size: 4rem;
		font-weight: bold;
		margin-top: 48px;
	}
	.feelcycle-box01 .feelcycle-boxListNest >:first-child {
		margin-top: 0 !important;
	}
	.feelcycle-box01 .feelcycle-boxList {
		margin-top: 15px;
	}
	.feelcycle-box01 .feelcycle-boxList02 {
		margin-top: 15px;
	}
	.feelcycle-box01 .feelcycle-boxList > li {
		position: relative;
		padding-left: 18px;
	}
	.feelcycle-box01 .feelcycle-boxList02 > li {
		position: relative;
		padding-left: 16px;
	}
	.feelcycle-box01 .feelcycle-boxList02 > li + li {
		margin-top: 0;
	}
	.feelcycle-box01 .feelcycle-boxList > li .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.feelcycle-box01 .feelcycle-boxList02 > li .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.feelcycle-box01 .feelcycle-boxList03 {
		margin-top: 22px;
	}
	.feelcycle-box01 .feelcycle-boxList03 > li {
		position: relative;
		padding-left: 16px;
		font-size: 1.6rem;
	}
	.feelcycle-box01 .feelcycle-boxList03 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.feelcycle-box01 .feelcycle-boxList04 {
		margin-top: 24px;
	}
	.feelcycle-box01 .feelcycle-boxList04 > li {
		position: relative;
		padding-left: 18px;
	}
	.feelcycle-box01 .feelcycle-boxList04 > li .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.feelcycle-box01 .feelcycle-boxHr {
		display: block!important;
		width: calc(100% + 57px);
		height: 2px;
		margin: 25px 0 25px -28px;
		background-image: linear-gradient(to right, #fff, #fff 6px, transparent 6px, transparent 10px);
		background-size: 10px 2px;
		border: none;
	}
	.feelcycle-box01 .feelcycle-boxInquiry {
		margin-top: 30px;
		text-align: center;
	}
	.feelcycle-box01 .feelcycle-boxInquiry >:first-child {
		margin-top: 0!important;
	}
	.feelcycle-box01 .feelcycle-boxInquiry .feelcycle-boxInquiryTxt {
		margin-top: 4px;
		font-size: 1.6rem;
	}
	.feelcycle-box01 .feelcycle-boxInquiry .feelcycle-boxInquiryTel {
		margin-top: 3px;
		font-size: 1.6rem;
	}
	.feelcycle-box01 .feelcycle-boxInquiry .feelcycle-boxInquiryTel a {
		color: #231815;
		text-decoration: none;
	}
	.feelcycle-box01 .feelcycle-boxImage {
		margin: 24px auto 26px;
		text-align: center;
	}
	/* feelcycle-btn
	------------------------------------------------------ */
	.feelcycle-btnWrap {
		display: flex;
		gap: 30px;
		margin-top: 48px;
		margin-bottom: 53px;
		padding: 0 30px;
	}
	.feelcycle-btn01 {
		width: calc(50% - 30px / 2);
		transition: 0.3s all ease-out;
	}
	.feelcycle-btn01:hover {
		opacity: 0.7;
	}
	.feelcycle-btn01 a {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-height: 82px;
		padding: 10px 45px;
		background-color: #fff;
		text-align: center;
		font-size: 2.8rem;
		font-weight: bold;
		line-height: 1.2;
		text-decoration: none;
		border-radius: 10px;
		color: #000;
	}
	.feelcycle-btn01 a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 35px;
		width: 13px;
		height: 13px;
		margin-top: -10px;
		border-top: 4px solid #000;
		border-right: 4px solid #000;
		transform: rotate(45deg);
	}
	/* feelcycle-infoBox
	------------------------------------------------------ */
	.feelcycle-infoBox {
		width: 851px;
		border: 1px solid #fff;
		margin: 100px auto 0;
		padding: 20px 40px;
	}
	.feelcycle-infoBoxContents {
		display: flex;
		align-items: center;
		gap: 38px;
	}
	.feelcycle-infoBoxHead {
		flex-shrink: 0;
	}
	.feelcycle-infoBoxText {
		font-size: 1.8rem;
	}
	/* float */
	.feelcycle-floatWrap {
		position: fixed;
		left: 0;
		width: 100%;
		padding: 0;
		z-index: 9999;
		background: rgba(255, 255, 255, 0.8);
	}
	.feelcycle-float .feelcycle-floatInner {
		width: 1200px;
		margin: 0 auto;
		padding: 18px 0 30px;
	}
	.feelcycle-float .feelcycle-floatButtonWrap {
		display: flex;
		gap: 60px;
		margin: 0 30px;
	}
	.feelcycle-float .feelcycle-floatButton {
		width: calc(50% - 40px / 2);
		text-align: center;
	}
	.feelcycle-float .feelcycle-floatButton >:first-child {
		margin-top: 0 !important;
	}
	.feelcycle-float .feelcycle-floatButton .feelcycle-floatButtonText {
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: bold;
		color: #000;
		margin-top: 10px;
		font-size: 1.8rem;
	}
	.feelcycle-float .feelcycle-floatButton .feelcycle-floatButtonLink {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-height: 70px;
		margin-top: 10px;
		padding: 5px 40px;
		border-radius: 6px;
		background-color: #333;
		text-align: center;
		font-size: 2.8rem;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		transition: 0.3s all ease-out;
	}
	.feelcycle-float .feelcycle-floatButton .feelcycle-floatButtonLink:hover {
		opacity: 0.7;
	}
	.feelcycle-float .feelcycle-floatButton a[data-color="white"] {
		background-color: #fff;
		color: #000;
		border: 2px #000 solid;
	}
	.feelcycle-float .feelcycle-floatButton a[data-color="black"] {
		background-color: #000;
	}
	.feelcycle-float .feelcycle-floatButton .feelcycle-floatButtonLink::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 22px;
		width: 10px;
		height: 10px;
		margin-top: -7px;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
		transform: rotate(45deg);
	}
	.feelcycle-float .feelcycle-floatButton a[data-color="white"].feelcycle-floatButtonLink::before {
		border-top: 3px solid #000;
		border-right: 3px solid #000;
	}
	/* collabo-common
	------------------------------------------------------ */
	.collabo-common .red {
		color: #DC322C;
	}
	.collabo-common {
		padding: 66px 0 0;
		width: 620px;
		margin: 0 auto;
	}
	.collabo-common .tab-btn {
		display: flex;
		justify-content: center;
		border-bottom: solid 1px #fff;
		gap: 40px;
		margin-bottom: 60px;
	}
	.collabo-common .tab-btn a {
		font-size: 1.6rem;
		color: #fff;
		text-align: center;
		padding: 15px 0;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		width: 220px;
		border-top: solid 1px #fff;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
		position: relative;
		bottom: -1px;
		opacity: 0.7;
	}
	.collabo-common .tab-btn a.active {
		opacity: 1;
		color: #e0cd96;
		background-color: #000;
	}
	.collabo-common .tab-btn a.active:after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: -5px;
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #fff;
		}
	.collabo-common .tab-btn a:not(.active) {
		cursor: pointer;
	}
	.collabo-common #apli-content,
	.collabo-common #web-content {
		display: none;
	}
	.collabo-common #apli-content.active,
	.collabo-common #web-content.active {
		display: block;
	}
	.collabo-common .steps {
		padding-top: 7px;
	}
	.collabo-common .step {
		border-top: solid #fff 3px;
		padding: 42px 0 30px;
		text-align: center;
		position: relative;
		margin-top: 10px;
	}
	.collabo-common .step .intro {
		width: 130px;
		font-size: 1.5rem;
		line-height: 1rem;
		text-align: center;
		color: #000;
		margin-left: -65px;
		padding: 10px 0;
		border-radius: 15px;
		position: absolute;
		left: 50%;
		top: -15px;
		background: #fff;
		font-weight: 700;
	}
	.collabo-common p.lead {
		font-size: 1.8rem;
		text-align: center;
		font-weight: 700;
		line-height: 2.6rem;
		margin-bottom: 30px;
	}
	.collabo-common .step1 .collabo-commonImg {
		width: 278px;
		height: 151px;
		margin: 0 auto 15px;
	}
	.collabo-common #web-content .collabo-commonImg {
		width: 150px;
		height: 105px;
		margin: 0 auto 15px;
	}
	.collabo-common #web-content .step3 picture {
		height: 100px;
	}
	.modal-contents .box h5 {
		height: 50px;
		color: #465A77;
		font-size: 1.5rem;
		line-height: 1.3;
		padding-left: 70px;
		margin-bottom: 5px;
		text-align: left;
		font-weight: 700;
		display: flex;
		align-items: center;
	}
	.modal-contents .box:nth-of-type(1) h5 {
		background: url("/common-files/img-files/collabo/index_ico04.webp") no-repeat left center;
		background-size: 60px auto;
	}
	.modal-contents .box:nth-of-type(2) h5 {
		background: url("/common-files/img-files/collabo/index_ico05.webp") no-repeat left center;
		background-size: 60px auto;
	}
	.modal-contents .item-list {
		font-size: 1.5rem;
		text-align: left;
		margin-bottom: 5px;
		color: #222;
	}
	.modal-contents .item-list li {
		margin-bottom: 3px;
	}
	.modal-contents .cap {
		text-align: left;
	}
	.modal-contents ul.cap {
		margin-bottom: 25px;
		display: inline-block;
	}
	.modal-contents ul.cap li {
		position: relative;
		padding-left: 16px;
		font-size: 1.3rem;
		margin-bottom: 3px;
	}
	.modal-contents ul.cap li span {
		position: absolute;
		left: 0;
	}
	.step2 .box,
	.step3 .box {
		display: flex;
			justify-content: center;
	}
	.collabo-common .step2 .box {
		margin-bottom: 20px;
	}
	.collabo-common .step2 .baloon {
		width: 200px;
		height: 100px;
		border: #D9D9D9 solid 2px;
		border-radius: 15px;
		font-size: 1.4rem;
		line-height: 1.7;
		text-align: left;
		padding: 12px 15px;
		margin-top: 15px;
	}
	.collabo-common .step2 .collabo-commonImg {
		width: 138px;
		height: 150px;
	}
	.collabo-common .step3 .baloon {
		width: 200px;
		height: 100px;
		border: #D9D9D9 solid 2px;
		border-radius: 15px;
		font-size: 1.4rem;
		line-height: 1.6;
		text-align: left;
		padding: 12px 15px;
	}
	.collabo-common .step3 .collabo-commonImg {
		width: 138px;
		height: 126px;
	}
	.collabo-common .collabo-commonStepText {
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.collabo-common .step3 .red {
		font-size: 1.6rem;
		font-weight: 700;
	}
	.collabo-common .step3 .box {
		padding-bottom: 70px;
		background: url("/common-files/img-files/collabo/index_img05.webp") no-repeat center bottom 25px;
		background-size: 280px auto;
	}
	.collabo-common .cap {
		width: fit-content;
		margin: 0 auto 35px;
	}
	.collabo-common .cap li {
		position: relative;
		padding-left: 16px;
		font-size: 1.3rem;
		margin-bottom: 3px;
	}
	.collabo-common .cap li span {
		position: absolute;
		left: 0;
	}
	.collabo-common a.btn {
		display: block;
		max-width: 340px;
		margin: 0 auto 40px;
		border-radius: 5px;
		color: #000;
		text-align: center;
		font-size: 1.8rem;
		font-weight: 700;
		padding: 11px 20px;
		text-decoration: none;
		background-color: #fff;
		transition: 0.3s all ease-out;
	}
	.collabo-common a.btn:hover {
		opacity: 0.7;
	}
	.collabo-common h6 {
		text-align: left;
		font-size: 1.5rem;
		font-weight: 700;
		margin-bottom: 5px;
		color: #222;
	}
	.collabo-common a.btn.need {
		background-image: url("/collabo/feelcycle/img-files/index_ic01.webp");
		background-position: right 10px center;
		background-repeat: no-repeat;
		background-size: 16px;
	}
	.modal-contents .cap li {
		color: #222;
	}
	.collabo-common + .feelcycle-box01 {
		margin-top: 63px;
	}
	/* snsArea
------------------------------------------------------ */
	body .snsArea {
		margin: 100px auto 108px;
	}
/*--------------------------------
* modal
--------------------------------*/
.modal-contents {
	display: none;
	width: calc(100svw - 50px);
	max-width: 800px;
	background: #fff;
	border-radius: 10px;
	padding: 30px 15px;
	margin: 0 auto;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 20000;
	text-align: center;
}
.steps .modal-contents {
	height: calc(100svh - 50px);
    overflow-y: auto;
}
.feelcycle-cardBtn .modal-contents {
	height: calc(100svh - 50px);
	overflow-y: auto;
}
.overlay {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	overflow: hidden;
}
.modal-contents .title {
	font-size: 2.0rem;
	font-weight: 700;
	margin-bottom: 25px;
	color: #222;
}
.modal-contents .text {
	font-size: 1.6rem;
	margin-bottom: 30px;
	color: #222;
}
.modal-contents picture {
	width: 150px;
	height: 150px;
	margin: 0 auto 30px;
}
.modal-contents .close {
	width: 30px;
	position: absolute;
	top: -20px;
	right: 0;
	cursor: pointer;
}
.modal-contents .close:before,
.modal-contents .close:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
}
.modal-contents .close:before {
	transform: rotate(-45deg);
}
.modal-contents .close:after {
	transform: rotate(45deg);
}
.modal-contents .close-text {
	width: 240px;
	font-size: 1.4rem;
	line-height: 1;
	font-weight: bold;
	color: #222;
	border: solid 2px #222;
	border-radius: 5px;
	padding: 13px 0;
	margin: 0 auto;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
	.steps .modal-contents {
		height: auto;
		overflow:auto;
	}
	.modal-contents .close-text a:hover {
		background-color: #E6E6E6;
	}
	.modal-contents .flex-box .box {
		width: 300px;
	}
	.modal-contents .flex-box {
		display: flex;
		justify-content: center;
		gap: 80px;
	}
	.feelcycle-modalImg01 {
		width: 150px;
		height: 150px;
		margin: 0 auto 30px;
	}

	.modalInlineWrapper {
		display: none;
	}
	#cboxContent {
		overflow: visible !important;
	}
	#colorbox #cboxLoadedContent {
		overflow: auto !important;
		overflow-x: hidden !important;
	}
	#cboxClose:hover {
		background: url(/common-files/img/com_close_ic04.png) no-repeat 0 0;
	}
	#cboxContent {
		max-width: 1100px;
	}
	.modalContents {
		width: 100%;
		padding: 30px 15px;
	}
	.modalContents p {
		color: #231815;
	}
	.ModalInner .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/com_close_ic01.png);
	}
	#cboxContent {
		background-color: #fff;
		border-radius: 10px;
	}
	.cb_close a {
		text-decoration: none;
	}
	.modal-title {
		font-size: 2.0rem;
		font-weight: 700;
		margin-bottom: 25px;
		color: #222;
		text-align: center;
		}
	.modal-text {
		font-size: 1.6rem;
		margin-bottom: 30px;
		text-align: center;
	}
	.modalContents .close-text {
		width: 240px;
		display: inline-block;
		font-size: 1.4rem;
		line-height: 1;
		font-weight: bold;
		color: #222;
		border: solid 2px #222;
		border-radius: 5px;
		padding: 13px 0;
		margin: 30px auto 0;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		background-color: #fff;
	}
	.modalContents .close-text a {
		color: #222;
	}
}
/* sp
------------------------------------------------------ */
@media screen and (max-width: 750px) {
	/* override
	------------------------------------------------------ */
	#mainContainer {
		margin-top: 22px;
	}
	#mainContents{
		padding: 0 10px;
	}
	body{
		font-size: 1.5rem;
	}
	.collabo-common {
		padding: 0 5px;
	}
	.collabo-common .tab-btn a {
		font-size: 1.4rem;
	}
	.pcOnly {
		display: none!important;
	}
	/* header
	------------------------------------------------------ */
	#header {
		position: relative;
		padding: 0;
		border: none;
		z-index: 2;
		height: 35px;
		background-color: #000;
	}
	#header #headerLogo {
		display: flex;
		align-items: center;
		width: 100%;
		margin: 0 auto;
		padding: 0 11px 4px;
		min-height: 35px;
	}
	#header #headerLogo img {
		width: auto;
		height: 20px;
	}
	/* feelcycle-mainVisual
	------------------------------------------------------ */
	.feelcycle-mainVisual {
		text-align: center;
	}
	.feelcycle-mainVisualText01 {
		font-size: 1.7rem;
		font-weight: bold;
		text-align: center;
		margin-top: 45px;
	}
	.feelcycle-mainVisualText02 {
		text-align: center;
		font-size: 1.3rem;
		margin-top: 11px;
		line-height: 1.4;
	}
	/* feelcycle-section
	------------------------------------------------------ */
	.feelcycle-section01 {
		margin-top: 35px;
	}
	.feelcycle-section01 + .feelcycle-section01 {
		margin-top: 40px;
	}
	/* feelcycle-heading
	------------------------------------------------------ */
	.feelcycle-heading02 {
		margin-top: 20px;
	}
	.feelcycle-heading02Title {
		font-size: 3.5rem;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	.feelcycle-heading02-01 {
		position: relative;
		padding-bottom: 12px;
		border-bottom: 1px solid #fff;
	}
	.feelcycle-heading02-01::before {
		position: absolute;
		content: "";
		bottom: -5px;
		left: 2px;
		width: 10px;
		height: 10px;
		background-color: #fff;
		transform: rotate(45deg);
	}
	.feelcycle-heading02-01::after {
		position: absolute;
		content: "";
		bottom: -5px;
		right: 2px;
		width: 10px;
		height: 10px;
		background-color: #fff;
		transform: rotate(45deg);
	}
	.feelcycle-heading02-01 .feelcycle-heading02-01Title {
		font-size: 2.5rem;
		font-weight: bold;
		text-align: center;
		line-height: 1.4;
	}
	.feelcycle-heading02-02 {
		margin: 30px auto 46px;
	}
	.feelcycle-heading02-02 .feelcycle-heading02-02Title {
		font-size: 2.2rem;
		font-weight: bold;
		text-align: center;
	}
	.feelcycle-headingColor {
		color: #e0cd96;
	}
	.feelcycle-headingSub {
		font-size: 2.0rem;
	}
	/* feelcycle-card
	------------------------------------------------------ */
	.feelcycle-cardWrap {
		width: 100%;
		margin: 20px auto 0;
		background: linear-gradient(to right, #000 0%, #08140d 40%, #737373 100%);
		border-radius: calc(20 / 720 * 100vw);
		padding: calc(70 / 720 * 100vw) calc(20 / 720 * 100vw);
	}
	.feelcycle-cardImage {
		text-align: center;
	}
	.feelcycle-cardImage {
		margin: 0 calc(78 / 720 * 100vw);
	}
	.feelcycle-cardText {
		text-align: center;
		font-size: calc(26 / 720 * 100vw);
		margin-top: calc(46 / 720 * 100vw);
	}
	.feelcycle-cardBtnWrap {
		display: flex;
		justify-content: center;
		gap: calc(16 / 720 * 100vw);
		margin-top: calc(54 / 720 * 100vw);
	}
	.feelcycle-cardBtnItem {
		text-align: center;
	}
	.feelcycle-cardBtnText {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size: calc(26 / 720 * 100vw);
	}
	a.feelcycle-cardBtnLink {
		display: flex!important;
		justify-content: center;
		align-items: center;
		width: calc(312 / 720 * 100vw);
		position: relative;
		height: calc(100 / 720 * 100vw);
		margin-top: calc(10 / 720 * 100vw);
		padding: calc(10 / 720 * 100vw) calc(44 / 720 * 100vw);
		border-radius: calc(12 / 720 * 100vw);
		background-color: #333;
		text-align: center;
		font-size: calc(32 / 720 * 100vw);
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	a.feelcycle-cardBtnLink::before {
		content: '';
		position: absolute;
		top: 50%;
		right: calc(17 / 720 * 100vw);
		width: calc(10 / 720 * 100vw);
		height: calc(10 / 720 * 100vw);
		margin-top: calc(-10 / 720 * 100vw);
		border-top: calc(4 / 720 * 100vw) solid #fff;
		border-right: calc(4 / 720 * 100vw) solid #fff;
		transform: rotate(45deg);
	}
	a.feelcycle-cardBtnLink[data-color="white"]::before {
		border-top: calc(4 / 720 * 100vw) solid #000;
		border-right:  calc(4 / 720 * 100vw) solid #000;
	}
	a.feelcycle-cardBtnLink:hover {
		opacity: 0.7;
	}
	a.feelcycle-cardBtnLink[data-color="black"] {
		background-color: #000;
		border: calc(1 / 720 * 100vw) solid #fff;
	}
	a.feelcycle-cardBtnLink[data-color="white"] {
		background-color: #fff;
		color: #000;
	}
	/* feelcycle-explanationArea
	------------------------------------------------------ */
	.feelcycle-explanationArea {
		position: relative;
		width: 100vw;
		left: 50%;
		transform: translateX(-50%);
		background: linear-gradient(to right, #000 0%, #08140d 40%, #737373 100%);
		margin-top: 50px;
		padding: 5px 10px 28px;
	}
	.feelcycle-explanationAreaInner {
		width: 100%;
		margin: 0 auto;
	}
	.feelcycle-movieWrap {
		margin-top: 10px;
	}
	.feelcycle-movie iframe {
		width: 100%;
		height: auto;
		aspect-ratio: 680/383;
	}
	.feelcycle-explanationText {
		font-size: 1.3rem;
		margin-top: 17px;
		line-height: 1.3;
		text-align: center;
	}
	.feelcycle-explanationText + .feelcycle-explanationText {
		margin-top: 13px;
	}
	.feelcycle-explanationLaed {
		font-size: 2.0rem;
		font-weight: bold;
		color: #fff;
		text-align: center;
		margin-top: 15px;
	}
	/* feelcycle-privilege
	------------------------------------------------------ */
	.feelcycle-privilegeLeadWrap {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 23px;
		gap: 18px;
	}
	.feelcycle-privilegeCircle {
		width: 86px;
		height: 86px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #e0cd96;
		border-radius: 100%;
		flex-shrink: 0;
	}
	.feelcycle-privilegeCircleText {
		font-size: 1.2rem;
		text-align: center;
		color: #000;
		font-weight: bold;
		line-height: 1.1;
	}
	.feelcycle-privilegeLeadText {
		font-size: 2.0rem;
		font-weight: bold;
		color: #e0cd96;
		line-height: 1.2;
	}
	.feelcycle-privilegeLeadTextLarge {
		font-size: 2.3rem;
	}
	.feelcycle-privilegeWrap {
		margin-top: 20px;
	}
	.feelcycle-privilegeHead {
		flex-shrink: 0;
	}
	.feelcycle-privilegeText01 {
		font-size: 1.3rem;
		margin-top: 6px;
	}
	.feelcycle-privilegeText02 {
		font-size: 1.3rem;
		margin-top: 12px;
	}
	.feelcycle-privilegeText03 {
		font-size: 1.4rem;
		text-align: center;
		margin-top: 35px;
		line-height: 1.4;
	}
	.feelcycle-privilegeText04 {
		font-size: 2.0rem;
		font-weight: bold;
		color: #e0cd96;
		text-align: center;
		margin-top: 17px;
		line-height: 1.4;
	}
	.feelcycle-privilegeImg02 {
		margin-top: 16px;
	}
	.feelcycle-privilegeNoteList {
		margin-top: 21px;
	}
	.feelcycle-privilegeNoteList li {
		position: relative;
		padding-left: 13px;
		font-size: 1.3rem;
	}
	.feelcycle-privilegeNoteList li .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.feelcycle-privilegeBox {
		width: 100%;
		margin: 40px auto 0;
		border: 1px solid #fff;
		padding: 17px 15px 15px;
	}
	.feelcycle-privilegeBox >:first-child {
		margin-top: 0 !important;
	}
	.feelcycle-privilegeBoxText {
		font-size: 1.6rem;
		text-align: center;
		margin-top: 10px;
	}
	/* feelcycle-balloon */
	.feelcycle-balloonBox {
		position: relative;
		background-color: #e0cd96;
		width: 100%;
		padding: 13px 15px 15px;
		margin: 15px auto 0;
	}
	.feelcycle-balloonBox >:first-child {
		margin-top: 0 !important;
	}
	.feelcycle-balloonBox::before {
		position: absolute;
		content: "";
		top: -10px;
		left: 50%;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
		border-bottom: 10px solid #e0cd96;
		border-top: 0;
		transform: translateX(-50%);
	}
	.feelcycle-balloonText {
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
		color: #000;
		margin-top: 10px;
		line-height: 1.3;
	}
	.feelcycle-balloonTextSub {
		font-size: 1.3rem;
		font-weight: normal;
	}
	/* feelcycle-box
	------------------------------------------------------ */
	.feelcycle-box01 {
		overflow: hidden;
		margin-top: 52px;
		background-color: #323232;
		padding: 19px 10px 17px;
	}
	.feelcycle-box01 >:first-child {
		margin-top: 0 !important;
	}
	.feelcycle-box01 + .feelcycle-box01 {
		margin-top: 20px;
	}
	.feelcycle-box01 >:first-child {
		margin-top: 0;
	}
	.feelcycle-box01 .feelcycle-boxTitle {
		position: relative;
		margin-top: 24px;
		margin-bottom: 10px;
		text-align: center;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.3;
	}
	.feelcycle-box01 .feelcycle-boxText {
		margin-top: 11px;
		font-size: 1.3rem;
	}
	.feelcycle-box01 .feelcycle-boxText .large {
		font-size: 1.5rem;;
		font-weight: bold;
	}
	.feelcycle-box01 .feelcycle-boxLead {
		font-size: 4rem;
		font-weight: bold;
		margin-top: 48px;
	}
	.feelcycle-box01 .feelcycle-boxListNest >:first-child {
		margin-top: 0 !important;
	}
	.feelcycle-box01 .feelcycle-boxList {
		margin-top: 10px;
	}
	.feelcycle-box01 .feelcycle-boxList02 {
		margin-top: 15px;
	}
	.feelcycle-box01 .feelcycle-boxList > li {
		position: relative;
		padding-left: 13px;
		font-size: 1.3rem;
	}
	.feelcycle-box01 .feelcycle-boxList02 > li {
		position: relative;
		padding-left: 16px;
		font-size: 1.3rem;
	}
	.feelcycle-box01 .feelcycle-boxList02 > li + li {
		margin-top: 0;
	}
	.feelcycle-box01 .feelcycle-boxList > li .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.feelcycle-box01 .feelcycle-boxList02 > li .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.feelcycle-box01 .feelcycle-boxList03 {
		margin-top: 22px;
	}
	.feelcycle-box01 .feelcycle-boxList03 > li {
		position: relative;
		padding-left: 13px;
		font-size: 1.3rem;
	}
	.feelcycle-box01 .feelcycle-boxList03 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.feelcycle-box01 .feelcycle-boxList04 {
		margin-top: 11px;
	}
	.feelcycle-box01 .feelcycle-boxList04 > li {
		position: relative;
		padding-left: 13px;
		font-size: 1.3rem;
	}
	.feelcycle-box01 .feelcycle-boxList04 > li .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.feelcycle-box01 .feelcycle-boxHr {
		display: block!important;
		width: calc(100% + -2px);
		height: 1px;
		margin: 15px 0 15px 1px;
		background-image: linear-gradient(to right, #fff, #fff 3px, transparent 3px, transparent 10px);
		background-size: 5px 2px;
		border: none;
	}
	.feelcycle-box01 .feelcycle-boxInquiry {
		margin-top: 20px;
		text-align: center;
	}
	.feelcycle-box01 .feelcycle-boxInquiry >:first-child {
		margin-top: 0!important;
	}
	.feelcycle-box01 .feelcycle-boxInquiry .feelcycle-boxInquiryTxt {
		margin-top: 4px;
		font-size: 1.3rem;
	}
	.feelcycle-box01 .feelcycle-boxInquiry .feelcycle-boxInquiryTel {
		margin-top: 3px;
		font-size: 1.3rem;
	}
	.feelcycle-box01 .feelcycle-boxInquiry .feelcycle-boxInquiryTel a {
		color: #fff;
		text-decoration: none;
	}
	.feelcycle-box01 .feelcycle-boxImage {
		margin: 11px 11px 0;
		text-align: center;
	}
	/* feelcycle-btn
	------------------------------------------------------ */
	.feelcycle-btnWrap {
		margin: 20px 10px 50px;
	}
	.feelcycle-btn01 {
		width: 100%;
	}
	.feelcycle-btn01 + .feelcycle-btn01 {
		margin-top: 18px;
	}
	.feelcycle-btn01 a {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-height: 48px;
		padding: 10px 45px;
		background-color: #fff;
		text-align: center;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.2;
		text-decoration: none;
		border-radius: 5px;
		color: #000;
	}
	.feelcycle-btn01 a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 22px;
		width: 6px;
		height: 6px;
		margin-top: -5px;
		border-top: 2px solid #000;
		border-right: 2px solid #000;
		transform: rotate(45deg);
	}
	/* feelcycle-infoBox
	------------------------------------------------------ */
	.feelcycle-infoBox {
		border: 1px solid #fff;
		margin-top: 50px;
		padding: 20px 20px 16px;
	}
	.feelcycle-infoBoxContents {
		display: flex;
		align-items: center;
		gap: 20px;
	}
	.feelcycle-infoBoxHead {
		flex-shrink: 0;
	}
	.feelcycle-infoBoxImg {
		width: 74px;
	}
	.feelcycle-infoBoxText {
		font-size: 1.3rem;
	}
	/* footer
	------------------------------------------------------ */
	#footer {
		margin-top: 0;
		padding: 16px 10px 16px;
		border: none;
		background-color: #000;
	}
	#footer #copyright {
		text-align: center;
		font-size: 0.8rem;
		color: #fff;
	}
	/* floating
	------------------------------------------------------ */
	.feelcycle-floatWrap {
		position: fixed;
		width: 100%;
		z-index: 9999;
	}
	.feelcycle-float {
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.feelcycle-float .feelcycle-floatInner {
		width: 100%;
		margin: 0 auto;
		padding: 8px 10px;
	}
	.feelcycle-float .feelcycle-floatButtonWrap {
		display: flex;
		gap: 8px;
	}
	.feelcycle-float .feelcycle-floatButton {
		width: calc(50% - 8px / 2);
		text-align: center;
	}
	.feelcycle-float .feelcycle-floatButton >:first-child {
		margin-top: 0 !important;
	}
	.feelcycle-float .feelcycle-floatButton .feelcycle-floatButtonText {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 10px;
		font-size: 1.3rem;
		line-height: 1.2;
		color: #000;
	}
	.feelcycle-float .feelcycle-floatButton .feelcycle-floatButtonLink {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-height: 40px;
		margin-top: 8px;
		padding: 5px 25px;
		border-radius: 6px;
		background-color: #000;
		text-align: center;
		font-size: 1.4rem;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	.feelcycle-float .feelcycle-floatButton a[data-color="black"] {
		background-color: #000;
	}
	.feelcycle-float .feelcycle-floatButton a[data-color="white"] {
		background-color: #fff;
		color: #000;
		border: 1px #000 solid;
	}
	.feelcycle-float .feelcycle-floatButton .feelcycle-floatButtonLink::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 7px;
		width: 6px;
		height: 6px;
		margin-top: -3px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
	}
	.feelcycle-float .feelcycle-floatButton a[data-color="white"].feelcycle-floatButtonLink::before {
		border-top: 2px solid #000;
		border-right: 2px solid #000;
	}
	/* collabo-common
	------------------------------------------------------ */
	.collabo-common .red {
		color: #DC322C;
	}
	.collabo-common {
		padding: 16px 12px 0;
	}
	.collabo-common .btn {
		background-color: #fff;
	}
	.collabo-common .tab-btn {
		display: flex;
		justify-content: center;
		border-bottom: solid 1px #fff;
		gap: 10px;
		margin-bottom: 50px;
	}
	.collabo-common .tab-btn a {
		text-align: center;
		padding: 10px 0;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		width: 140px;
		border-top: solid 1px #fff;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
		position: relative;
		bottom: -1px;
		opacity: 0.7;
		color: #fff;
	}
	.collabo-common .tab-btn a.active {
		opacity: 1;
		color: #e0cd96;
		background-color: #000;
	}
	.collabo-common .tab-btn a.active:after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: -5px;
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #fff;
		}
	.collabo-common #apli-content,
	.collabo-common #web-content {
		display: none;
	}
	.collabo-common #apli-content.active,
	.collabo-common #web-content.active {
		display: block;
	}
	.collabo-common .steps {
		padding-top: 7px;
	}
	.collabo-common .step {
		border-top: solid #fff 3px;
		padding: 40px 0 30px;
		text-align: center;
		position: relative;
		margin-top: 10px;
	}
	.collabo-common .step .intro {
		width: 130px;
		font-size: 1.5rem;
		line-height: 1rem;
		text-align: center;
		color: #000;
		margin-left: -65px;
		padding: 10px 0;
		border-radius: 15px;
		position: absolute;
		left: 50%;
		top: -15px;
		background: #fff;
		font-weight: 700;
	}
	.collabo-common p.lead {
		font-size: 1.7rem;
		text-align: center;
		font-weight: 700;
		line-height: 2.6rem;
		margin-bottom: 20px;
	}
	.collabo-common .step1 .collabo-commonImg {
		width: 185px;
		height: 100px;
		margin: 0 auto 15px;
	}
	.collabo-common #web-content .collabo-commonImg {
		width: 100px;
		height: 70px;
		margin: 0 auto 15px;
	}
	.collabo-common #web-content .step3 .collabo-commonImg {
		height: 100px;
	}
	.collabo-common .modal-contents .box h5 {
		height: 50px;
		color: #465A77;
		font-size: 1.5rem;
		line-height: 1.3;
		padding-left: 60px;
		margin-bottom: 5px;
		text-align: left;
		font-weight: 700;
		display: flex;
		align-items: center;
	}
	.collabo-common .modal-contents .box:nth-of-type(1) h5 {
		background: url("/common-files/img-files/collabo/index_ico04.webp") no-repeat left center;
		background-size: 50px auto;
	}
	.collabo-common .modal-contents .box:nth-of-type(2) h5 {
		background: url("/common-files/img-files/collabo/index_ico05.webp") no-repeat left center;
		background-size: 50px auto;
	}
	.collabo-common .modal-contents .item-list {
		font-size: 1.5rem;
		text-align: left;
		margin-bottom: 5px;
	}
	.collabo-common .modal-contents .item-list li {
		margin-bottom: 3px;
		color: #222;
	}
	.collabo-common .modal-contents .cap {
		text-align: left;
	}
	.collabo-common .step2 .box,
	.collabo-common .step3 .box {
		display: flex;
			justify-content: center;
	}
	.collabo-common .step2 .box {
		margin-bottom: 20px;
	}
	.collabo-common .step2 .baloon {
		width: 180px;
		height: 90px;
		border: #D9D9D9 solid 2px;
		border-radius: 15px;
		font-size: 1.4rem;
		line-height: 1.7;
		text-align: left;
		padding: 8px 13px;
	}
	.collabo-common .step2 .collabo-commonImg {
		width: 92px;
		height: 100px;
	}
	.collabo-common .step3 .baloon {
		width: 180px;
		border: #D9D9D9 solid 2px;
		border-radius: 15px;
		font-size: 1.4rem;
		line-height: 1.6;
		text-align: left;
		padding: 8px;
	}
	.collabo-common .step3 .collabo-commonImg {
		width: 100px;
		height: 91px;
	}
	.collabo-common .step3 .red {
		font-size: 1.6rem;
		font-weight: 700;
	}
	.collabo-common .step3 .box {
		padding-bottom: 70px;
		background: url("/common-files/img-files/collabo/index_img05.webp") no-repeat center bottom 25px;
		background-size: 280px auto;
	}
	.collabo-common ul.cap {
		margin-bottom: 25px;
		display: inline-block;
	}
	.collabo-common ul.cap li {
		position: relative;
		padding-left: 16px;
		font-size: 1.3rem;
		margin-bottom: 3px;
		color: #fff;
	}
	.collabo-common .modal-contents ul.cap li {
		color: #222;
	}
	.collabo-common ul.cap li span {
		position: absolute;
		left: 0;
	}
	.collabo-common a.btn {
		width: 85%;
		display: block;
		max-width: 340px;
		margin: 0 auto 30px;
		border-radius: 5px;
		color: #000;
		text-align: center;
		font-size: 1.5rem;
		font-weight: 700;
		padding: 11px 20px;
		text-decoration: none;
	}
	.collabo-common a.btn.need {
		background-image: url("/collabo/feelcycle/img-files/index_ic01.webp");
		background-position: right 10px center;
		background-repeat: no-repeat;
		background-size: 16px;
	}
	.collabo-common h6 {
		text-align: left;
		font-size: 1.5rem;
		font-weight: 700;
		margin-bottom: 5px;
		color: #000;
	}
	.collabo-common .collabo-commonStepText {
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.collabo-common + .feelcycle-box01 {
		margin-top: 14px;
	}
	/* snsArea
------------------------------------------------------ */
	body .snsArea {
		margin: 51px auto 42px;
	}
/* modal
	------------------------------------------------------ */
	.modal-contents {
		display: none;
		width: calc(100svw - 50px);
		max-width: 800px;
		background: #fff;
		border-radius: 10px;
		padding: 30px 15px;
		margin: 0 auto;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 20000;
		text-align: center;
	}
	.steps .modal-contents {
		height: calc(100svh - 50px);
		overflow-y: auto;
	}
	.overlay {
		display: none;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10000;
		overflow: hidden;
	}
	.modal-contents .title {
		font-size: 2.0rem;
		font-weight: 700;
		margin-bottom: 25px;
		color: #222;
	}
	.modal-contents .text {
		font-size: 1.6rem;
		color: #222;
	}
	.modal-contents picture {
		width: 150px;
		height: 150px;
		margin: 0 auto 30px;
	}
	.modal-contents .close {
		width: 30px;
		position: absolute;
		top: -20px;
		right: 0;
		cursor: pointer;
	}
	.modal-contents .close:before,
	.modal-contents .close:after {
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background: #fff;
		position: absolute;
	}
	.modal-contents .close:before {
		transform: rotate(-45deg);
	}
	.modal-contents .close:after {
		transform: rotate(45deg);
	}
	.modal-contents .close-text {
		width: 240px;
		font-size: 1.4rem;
		line-height: 1;
		font-weight: bold;
		color: #222;
		border: solid 2px #222;
		border-radius: 5px;
		padding: 13px 0;
		margin: 0 auto;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
	}
		.modalInlineWrapper {
		display: none;
	}
}