@charset "UTF-8";

@import url("/css/initialize.css?20251224");
@import url("/css/general.css?20251224");
@import url("/css/margin.css?20251224");

/* COMMON STYLE */
#main{
	padding-top: 100px;
}
#main p {
	font-size:122.71%;
	line-height: 1.8;
}
#head_image {
	width:100%;
	position:relative;
}
#head_image {
	background: url('/images/owner/head-image.png') top center no-repeat;
	width:100%;
	height:100%;
	display:block;
}
#page-inlinks {
	background-color: #f8f8f8;
	padding: 3%;
	margin-bottom: 40px;
}
#page-inlinks ul {
	text-align: center;
}
#page-inlinks li {
	display: inline;
	margin-left: 20px;
	line-height: 1.8;
}
#page-inlinks li:before {
	content: "｜";
	margin-left: -30px;
}
#page-inlinks li:first-child {
	margin-left: 0px;
}
#page-inlinks li:first-child:before {
	content: "";
	margin-left: 0px;
}


h2.fo { background-color: #eb7091; }
h3.fo:after { background-color: #eb7091; }
div span.fo { color: #eb7091; border: 2px solid #eb7091; background-color: #fff; }
div.fo li { border: 2px solid #eb7091; }
p.fo { background-color: #fbe3e9; }

h2.fcl { background-color: #f8b706; }
h3.fcl:after { background-color: #f8b706; }
div span.fcl { color: #f8b706; border: 2px solid #f8b706; }
div.fcl li { border: 2px solid #f8b706; }
p.fcl { background-color: #fef1d1; }

h2.fc { background-color: #bfd618; }
h3.fc:after { background-color: #bfd618; }
div span.fc { color: #bfd618; border: 2px solid #bfd618; }
div.fc li { border: 2px solid #bfd618; }
p.fc { background-color: #f1f6ce; }

.s_title {
	font-size: 164.71%;
}
.owner_desc_m {
	text-align: center;
	padding-bottom: 40px;
}
.type-title {
	font-size: 260.71%;
	font-weight: 700;
	color: #fff;
	padding: 20px;
	text-align: center;
	margin-top: 70px;
}
.type-title span {
	display: block;
	font-size: 60%;
}
.type-point { margin-bottom: 50px; }
.type-point li {
    text-align: center;
    list-style: none;
	font-weight: 700;
	font-family: "FP-ヒラギノ丸ゴ StdN W6", "FP-HiraMaruStdN-W6";
}
.contents-desc {
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	-o-border-radius: 0.8em;
	-ms-border-radius: 0.8em;
    border-radius: 0.8em;
    padding: 3%;
}

.page-lead {
	text-align: center;
	margin-bottom: 50px;
}
.page-lead .lead-copy {
	font-size: 188.71%;
	line-height: 1.6;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
	margin-bottom: 20px;
}






.plan-area {
	padding: 30px 0;
	text-align: center;
}
.plan-area .plan-label {
	font-size: 188.71%;
	line-height: 1.6;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
}
/* SP SIZE */
@media screen and (max-width: 767px){
	.plan-area .plan-label {
		font-size: 148.71%;
		line-height: 1.5;
	}
}
.plan-area .type-point-s {
	font-size: 128.71%;
	text-align: center;
	margin: 30px 0 35px;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
}
/* SP SIZE */
@media screen and (max-width: 767px){
	.plan-area .type-point-s {
		font-size: 108.71%;
		margin: 10px 0 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 5px;
	}
}

.plan-area .type-point-s span {
	padding: 10px 20px;
	-moz-border-radius: 1.7em;
	-webkit-border-radius: 1.7em;
	-o-border-radius: 1.7em;
	-ms-border-radius: 1.7em;
    border-radius: 1.7em;
}
/* PC SIZE */
@media screen and (min-width: 767px){
	.plan-area .type-point-s span {
		margin-right: 20px;
	}
}
/* SP SIZE */
@media screen and (max-width: 767px){
	.plan-area .type-point-s span {
		padding: 10px 15px;
	}
}
/* PC SIZE */
@media screen and (min-width: 767px){
	.plan-area .type-point-s span:first-of-type {
		margin-left: 20px;
	}
}
.plan-area .plan-type-name {
	color: #fff;
	padding: 20px 0;
	font-size: 264.71%;
	line-height: 1.4;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
}
/* SP SIZE */
@media screen and (max-width: 767px){
	.plan-area .plan-type-name {
		font-size: 188.71%;
	}
}

.plan-area .plan-type-name span {
	display: block;
	font-size: 72%;
}
.plan-area .plan-cost {
	font-size: 188.71%;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
	padding: 30px 0;
	margin-bottom: 10px;
}
/* SP SIZE */
@media screen and (max-width: 767px){
	.plan-area .plan-cost {
		font-size: 148.71%;
		padding: 20px 0;
	}
}


/* FCS color */
.plan-area-fcs {
	background-color: #FFF5F8;
}
.color-fcs {
	color: #D16884;
}
.body-fcs {
	background-color: #D16884;
}
.keyword-fcs span {
	color: #D16884; border: 2px solid #D16884; background-color: #fff;
}
.plan-cost-fcs {
	background-color: #FCE3E9;
	border-bottom: 1px solid #D16884;
}
.plan-desc-fcs .plan-desc-field p {
	background-color: #FCE3E9;
}
.field-fcs {
	border: 1px solid #D16884;
}

/* FCL color */
.plan-area-fcl {
	background-color: #FFFBF1;
}
.color-fcl {
	color: #E3AB20;
}
.body-fcl {
	background-color: #E3AB20;
}
.keyword-fcl span {
	color: #E3AB20; border: 2px solid #E3AB20; background-color: #fff;
}
.plan-cost-fcl {
	background-color: #FEF1D2;
	border-bottom: 1px solid #E3AB20;
}
.plan-desc-fcl .plan-desc-field p {
	background-color: #FEF1D2;
}
.field-fcl {
	border: 1px solid #E3AB20;
}

/* FC color */
.plan-area-fc {
	background-color: #FCFDF6;
}
.color-fc {
	color: #AFC332;
}
.body-fc {
	background-color: #AFC332;
}
.keyword-fc span {
	color: #AFC332; border: 2px solid #AFC332; background-color: #fff;
}
.plan-cost-fc {
	background-color: #F1F6CE;
	border-bottom: 1px solid #AFC332;
}
.plan-desc-fc .plan-desc-field p {
	background-color: #F1F6CE;
}
.field-fc {
	border: 1px solid #AFC332;
}



.plan-area .plan-title {
	font-size: 188.71%;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
	padding: 26px 0 16px;
}
/* SP SIZE */
@media screen and (max-width: 767px){
	.plan-area .plan-title {
		font-size: 148.71%;
	}
}

.plan-area .plan-desc {
	padding: 18px 24px;
	-moz-border-radius: 1.2em;
	-webkit-border-radius: 1.2em;
	-o-border-radius: 1.2em;
	-ms-border-radius: 1.2em;
    border-radius: 1.2em;
	word-wrap: break-word;
	overflow-wrap: break-word;
	box-sizing: border-box;
}

/* SP SIZE */
@media screen and (max-width: 767px){
	.plan-desc-fcs p,
	.plan-desc-fcl p,
	.plan-desc-fc p {
		text-align: left;
		line-height: 1.6 !important;
	}
	.plan-area .plan-desc {
		padding: 20px;
	}
}

.plan-area .plan-desc-field {
	text-align: left;
	padding: 10px 30px 30px 30px;
	margin-top: 30px;
	background-color: #fff;

	-moz-border-radius: 1.2em;
	-webkit-border-radius: 1.2em;
	-o-border-radius: 1.2em;
	-ms-border-radius: 1.2em;
    border-radius: 1.2em;
	overflow: hidden;
	box-sizing: border-box;
}
/* SP SIZE */
@media screen and (max-width: 767px){
	.plan-area .plan-desc-field {
		padding: 0px 14px 14px 14px;
		margin-top: 30px;
	}
}

/* PC SIZE */
@media screen and (min-width: 767px){
	.plan-area .plan-desc-field .plan-title {
		padding-left: 20px;
	}
}
/* SP SIZE */
@media screen and (max-width: 767px){
	.plan-area .plan-desc-field .plan-title {
		padding-left: 10px;
		padding-right: 10px;
		line-height: 1.2;
	}
}

/* PC SIZE */
@media screen and (min-width: 767px){
	.training-center img {
		float: right;
		margin-left: 20px;
	}
}

.training-center {
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	-o-border-radius: 0.8em;
	-ms-border-radius: 0.8em;	
    border-radius: 0.8em;
    background-color: #ecf7ea;
    padding: 30px;
   	display: inline-block;
   	margin: 40px 0;
	text-align: left;
	border: 1px solid #649B5A;
}
/* SMARTPHONES SIZE */
@media screen and (max-width: 767px){
	.training-center {
		margin: 40px 0 0;
	}
}

.training-center .tc-title {
	font-size: 1.8em;
	font-family: "FP-ヒラギノ角ゴ StdN W7";
	color: #3eb134;
	margin-bottom: 15px;
}
/* SMARTPHONES SIZE */
@media screen and (max-width: 767px){
	.training-center .tc-title {
		font-size: 1.6em;
		padding-top: 20px;
	}
}
.training-center .links-btn a:hover {
    background-color: #a42b15;
    text-decoration: none;
}
.training-center p {
	font-size: 1.2em;
	line-height: 1.5;
}


/* PC SIZE */
@media screen and (min-width: 767px){
	
	/* Flow tabs */
	.flow-tabs {
		display: flex;
		gap: 12px;
		margin: 30px 0 0;
	}
	.flow-tab {
		flex: 1;
		padding: 18px 24px;
		border: none;
		border-radius: 12px 12px 0 0;
		cursor: pointer;
		transition: all 0.3s;
		text-align: center;
		font-weight: 700;
		background: #e6e6e6;
		color: #666;
	}
	.flow-tab .tab-main {
		display: block;
		font-size: 180.71%;
		margin-bottom: 4px;
	}
	.flow-tab .tab-sub {
		display: block;
		font-size: 90%;
		font-weight: 500;
		line-height: 1.4;
	}
	.flow-tab.active {
		color: #fff;
		box-shadow: 0 6px 16px rgba(0,0,0,0.12);
	}
	.flow-tab[data-tab="fcs"].active { background: linear-gradient(180deg, #f4a0b5, #eb7091); }
	.flow-tab[data-tab="fcl"].active { background: linear-gradient(180deg, #ffd777, #f8b706); color: #5f3f00; }
	.flow-tab[data-tab="fc"].active { background: linear-gradient(180deg, #d6e985, #bfd618); color: #2f4200; }

	.flow-tab-content {
		display: none !important;
		padding: 40px 30px;
		border-radius: 0 0 18px 18px;
		margin-bottom: 30px;
	}
	.flow-tab-content.active { display: block !important; }
	.flow-tab-content[data-content="fcs"] { background: linear-gradient(180deg, #ffe8ef, #ffd5e1); }
	.flow-tab-content[data-content="fcl"] { background: linear-gradient(180deg, #fff4d6, #ffe9bb); }
	.flow-tab-content[data-content="fc"] { background: linear-gradient(180deg, #f3f9d9, #e8f4c5); }

	.flow-step {
		max-width: 720px;
		margin: 0 auto;
	}
	.flow-step-box {
		background: #fff;
		border-radius: 14px;
		padding: 24px 28px;
	}
	.flow-tab-content[data-content="fcs"] .flow-step-box { border: 2px solid #eb7091; }
	.flow-tab-content[data-content="fcl"] .flow-step-box { border: 2px solid #f8b706; }
	.flow-tab-content[data-content="fc"] .flow-step-box { border: 2px solid #bfd618; }
	.flow-step-title {
		font-family: "FP-ヒラギノ角ゴ StdN W7";
		font-size: 158.71%;
		text-align: center;
	}
	.flow-tab-content[data-content="fcs"] .flow-step-title { color: #d64f75; }
	.flow-tab-content[data-content="fcl"] .flow-step-title { color: #c18800; }
	.flow-tab-content[data-content="fc"] .flow-step-title { color: #749000; }
	.flow-step-text {
		padding-top: 12px;
		line-height: 1.7 !important;
		text-align: left;
	}
	.flow-arrow {
		text-align: center;
		font-size: 200%;
		margin: 16px 0;
		font-weight: 700;
	}
	.flow-tab-content[data-content="fcs"] .flow-arrow { color: #eb7091; }
	.flow-tab-content[data-content="fcl"] .flow-arrow { color: #f8b706; }
	.flow-tab-content[data-content="fc"] .flow-arrow { color: #bfd618; }

	/* Contract comparison table */
	.contract-summary { margin: 60px 0 40px; }
	.contract-table-wrapper {
		overflow-x: auto;
		margin: 30px 20px 20px;
	}
	.contract-table {
		width: 100%;
		border-collapse: collapse;
		min-width: 900px;
		border: 1px solid #d0d0d0;
	}
	.contract-table thead tr {
		background: linear-gradient(90deg, #f4e4c1, #f4e4c1 25%, #eb7091 25%, #eb7091 50%, #f8b706 50%, #f8b706 75%, #bfd618 75%, #bfd618);
	}
	.contract-table .contract-header-blank {
		background: #f4e4c1;
		width: 18%;
		border-right: 2px solid #d0d0d0;
	}
	.contract-table .contract-header {
		padding: 20px 16px;
		text-align: center;
		color: #fff;
		font-weight: 700;
		width: 27.33%;
		border-right: 1px solid #d0d0d0;
		vertical-align: middle;
	}
	.contract-table .contract-header:last-child { border-right: none; }
	.contract-table .contract-header.fcs { background: #eb7091; }
	.contract-table .contract-header.fcl { background: #f8b706; color: #5f3f00; }
	.contract-table .contract-header.fc { background: #bfd618; color: #2f4200; }
	.contract-table .header-title {
		font-size: 180%;
		margin-bottom: 6px;
		font-family: "FP-ヒラギノ角ゴ StdN W7";
	}
	.contract-table .header-subtitle {
		font-size: 95%;
		font-weight: 500;
		line-height: 1.4;
	}
	.contract-table tbody tr {
		border-bottom: 1px solid #e0e0e0;
	}
	.contract-table tbody tr:last-child { border-bottom: none; }
	.contract-table .row-header {
		background: #fff8e8;
		padding: 16px 14px;
		text-align: center;
		font-weight: 700;
		color: #d97500;
		border-right: 1px solid #d0d0d0;
		font-family: "FP-ヒラギノ角ゴ StdN W7";
		line-height: 1.5;
		vertical-align: middle;
	}
	.contract-table tbody td {
		padding: 16px 14px;
		text-align: center;
		line-height: 1.7;
		border-right: 1px solid #e0e0e0;
		font-family: "FP-ヒラギノ角ゴ StdN W7";
		background: #fff;
		vertical-align: middle;
	}
	.contract-table tbody td:last-child { border-right: none; }
	.contract-table .small-text {
		font-family: "FP-ヒラギノ角ゴ ProN W5";
		font-size: 85%;
		display: block;
		margin-top: 4px;
	}
	.contract-table .total-row {
		background: #fff8e8;
	}
	.contract-table .total-row .row-header,
	.contract-table .total-row td {
		background: #fff8e8;
		font-weight: 700;
		font-size: 115%;
	}
	.contract-table .total-amount { color: #d97500; }
	.contract-note {
		text-align: right;
		font-size: 95% !important;
		color: #666;
		margin-top: 10px;
		margin-right: 20px;
	}

}

/* SMARTPHONES SIZE */
@media screen and (max-width: 767px){

	/* Flow tabs */
	.flow-tabs {
		display: flex;
		gap: 6px;
		margin: 20px 0 0;
	}
	.flow-tab {
		flex: 1;
		padding: 12px 8px;
		border: none;
		border-radius: 10px 10px 0 0;
		cursor: pointer;
		text-align: center;
		font-weight: 700;
		background: #e6e6e6;
		color: #666;
		font-size: 90%;
	}
	.flow-tab .tab-main {
		display: block;
		font-size: 130%;
		margin-bottom: 2px;
	}
	.flow-tab .tab-sub {
		display: block;
		font-size: 72%;
		font-weight: 500;
		line-height: 1.3;
	}
	.flow-tab.active { color: #fff; }
	.flow-tab[data-tab="fcs"].active { background: #eb7091; }
	.flow-tab[data-tab="fcl"].active { background: #f8b706; color: #5f3f00; }
	.flow-tab[data-tab="fc"].active { background: #bfd618; color: #2f4200; }

	.flow-tab-content {
		display: none !important;
		padding: 20px 16px;
		border-radius: 0 0 12px 12px;
		margin-bottom: 20px;
	}
	.flow-tab-content.active { display: block !important; }
	.flow-tab-content[data-content="fcs"] { background: #ffe8ef; }
	.flow-tab-content[data-content="fcl"] { background: #fff4d6; }
	.flow-tab-content[data-content="fc"] { background: #f3f9d9; }

	.flow-step-box {
		background: #fff;
		border-radius: 10px;
		padding: 16px;
		border: 1px solid rgba(0,0,0,0.06);
		box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	}
	.flow-step-title {
		font-size: 144.71%;
		font-family: "FP-ヒラギノ角ゴ StdN W7";
		text-align: center;
	}
	.flow-tab-content[data-content="fcs"] .flow-step-title { color: #d64f75; }
	.flow-tab-content[data-content="fcl"] .flow-step-title { color: #c18800; }
	.flow-tab-content[data-content="fc"] .flow-step-title { color: #749000; }
	.flow-step-text {
		line-height: 1.5 !important;
		text-align: left;
		font-size: 95%;
		margin-top: 15px;
	}
	.flow-arrow {
		text-align: center;
		font-size: 160%;
		margin: 12px 0;
		font-weight: 700;
	}
	.flow-tab-content[data-content="fcs"] .flow-arrow { color: #eb7091; }
	.flow-tab-content[data-content="fcl"] .flow-arrow { color: #f8b706; }
	.flow-tab-content[data-content="fc"] .flow-arrow { color: #bfd618; }

	/* Contract comparison table */
	.contract-summary { margin: 60px 0 40px; }
	.contract-table-wrapper {
		overflow-x: auto;
		margin: 30px 0 10px;
	}
	.contract-table {
		width: 100%;
		border-collapse: collapse;
		min-width: 900px;
		border: 2px solid #d0d0d0;
	}
	.contract-table thead tr {
		background: linear-gradient(90deg, #f4e4c1, #f4e4c1 25%, #eb7091 25%, #eb7091 50%, #f8b706 50%, #f8b706 75%, #bfd618 75%, #bfd618);
	}
	.contract-table .contract-header-blank {
		background: #f4e4c1;
		width: 18%;
		border-right: 2px solid #d0d0d0;
	}
	.contract-table .contract-header {
		padding: 20px 16px;
		text-align: center;
		color: #fff;
		font-weight: 700;
		width: 27.33%;
		border-right: 2px solid #d0d0d0;
	}
	.contract-table .contract-header:last-child { border-right: none; }
	.contract-table .contract-header.fcs { background: #eb7091; }
	.contract-table .contract-header.fcl { background: #f8b706; color: #5f3f00; }
	.contract-table .contract-header.fc { background: #bfd618; color: #2f4200; }
	.contract-table .header-title {
		font-size: 144.71%;
		margin-bottom: 6px;
	}
	.contract-table .header-subtitle {
		font-size: 80%;
		line-height: 1.4;
	}
	.contract-table tbody tr {
		border-bottom: 1px solid #e0e0e0;
	}
	.contract-table tbody tr:last-child { border-bottom: none; }
	.contract-table .row-header {
		background: #fff8e8;
		padding: 16px 14px;
		text-align: center;
		color: #d97500;
		border-right: 2px solid #d0d0d0;
		font-family: "FP-ヒラギノ角ゴ StdN W7";
		line-height: 1.5;
		vertical-align: middle;
	}
	.contract-table tbody td {
		padding: 16px 14px;
		text-align: center;
		line-height: 1.7;
		font-family: "FP-ヒラギノ角ゴ StdN W7";
		border-right: 1px solid #e0e0e0;
		background: #fff;
		vertical-align: middle;
	}
	.contract-table tbody td:last-child { border-right: none; }
	.contract-table .small-text {
		font-size: 85%;
		display: block;
		margin-top: 4px;
		font-family: "FP-ヒラギノ角ゴ ProN W5";
	}
	.contract-table .total-row {
		background: #fff8e8;
	}
	.contract-table .total-row .row-header,
	.contract-table .total-row td {
		background: #fff8e8;
		font-weight: 700;
		font-size: 115%;
	}
	.contract-table .total-amount { color: #d97500; }
	.contract-note {
		text-align: right;
		font-size: 90% !important;
		color: #666;
		margin-top: 0px;
	}

}







/* PC SIZE */
@media screen and (min-width: 980px){

	#head_image {
		min-height:520px;
	}
	#head_image .page-title {
		position:absolute;
		left:0;
		width:100%;
		top:50%;
		margin-top:-125px;
		margin-top:-115px;
		font-size:240.28%;
		text-align:center;
		font-weight:100;
		line-height:110%;
		background-color: rgba(255,255,255,0.5);
		padding: 30px 0 25px;
	}
	#head_image .page-title .eng {
		display: block;
		margin-top: 10px;
		font-size: 80.28%;
	}
	.type-point li {
    	overflow: hidden;
		height: 60px;
		line-height: 60px;
		font-size: 158.71%;
	    margin: 0 20px 20px 0;
	    padding: 20px;
	    float: left;
	    width: 435px;
	}
	.type-point li:nth-child(even) {
	    margin: 0 0px 20px 0;
	}
	.type-point li.t2 {
		height: 60px;
		line-height: 30px;
	}

	#fo_link,
	#fcl_link,
	#fc_link {
		margin-top:-140px;
		padding-top:140px;
	}

	/* New owner page layout (PC) */
	.owner-wrapper {
	}
	.lead-actions {
		display: flex;
		justify-content: center;
		gap: 14px;
		flex-wrap: wrap;
	}
	.lead-btn {
		display: inline-block;
		padding: 12px 22px;
		border-radius: 30px;
		color: #fff;
		font-weight: 700;
		text-decoration: none;
		box-shadow: 0 8px 18px rgba(0,0,0,0.1);
	}
	.lead-btn.fcs { background: linear-gradient(135deg, #f8c6d5, #eb7091); }
	.lead-btn.fcl { background: linear-gradient(135deg, #ffe39a, #f8b706); }
	.lead-btn.fc { background: linear-gradient(135deg, #e7f3b4, #bfd618); color: #355802; }

	/* Plan intro cards */
	.plan-intro-cards {
		margin-top: 50px;
	}
	.plan-intro-card {
		display: flex;
		align-items: stretch;
		border-radius: 20px;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.plan-intro-card .card-left {
		flex: 0 0 280px;
		padding: 0px 10px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		background: #fff;
	}
	.plan-intro-card .card-right {
		flex: 1;
		padding: 20px 30px 20px 40px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	.card-fcs .card-right { background: #fce3e9; }
	.card-fcl .card-right { background: #fff4d6; }
	.card-fc .card-right { background: #f3f9d9; }
	
	.card-target {
		font-size: 148.71%;
		font-family: "FP-ヒラギノ角ゴ StdN W7";
		line-height: 1.5;
		margin-bottom: 15px;
		color: #333;
	}
	.card-detail-btn {
		display: inline-block;
		padding: 18px 50px;
		border-radius: 50px;
		color: #fff !important;
		font-weight: 700;
		font-size: 148.71%;
		text-decoration: none;
		box-shadow: 0 6px 16px rgba(0,0,0,0.15);
		transition: transform 0.2s;
	}
	.card-detail-btn:hover {
		transform: translateY(-2px);
	}
	.btn-fcs { background: #d16884; }
	.btn-fcl { background: #d9a419; }
	.btn-fc { background: #8fb31c; }
	
	.card-right {
		display: flex;
		flex-direction: column;
	}
	.card-badges-wrapper {
		display: flex;
		gap: 20px;
		margin-bottom: 15px;
		flex-wrap: wrap;
	}
	.card-badges {
		display: flex;
		align-items: center;
	}
	.badge {
		display: inline-block;
		padding: 8px 20px;
		border-radius: 10px;
		color: #fff;
		font-weight: 700;
		font-size: 95%;
		margin-right: 15px;
		flex-shrink: 0;
	}
	.badge-fcs { background: #d16884; }
	.badge-fcl { background: #d9a419; }
	.badge-fc { background: #8fb31c; }
	
	.badge-text {
		font-size: 110%;
		font-family: "FP-ヒラギノ角ゴ StdN W7";
		color: #333;
	}
	.card-description {
		font-size: 110%;
		line-height: 1.8;
		color: #333;
		margin-top: 10px;
		text-align: left;
	}

	.section-title {
		text-align: center;
		font-size: 200.71%;
		font-weight: 700;
		line-height: 1.4;
		margin: 0 auto 30px;
	}
	.section-title span {
		display: block;
		font-size: 60%;
		font-weight: 400;
		margin-top: 8px;
	}
	.plan-summary {
		text-align: center;
		margin-bottom: 60px;
	}
	.plan-summary .summary-image img {
		max-width: 820px;
		width: 100%;
		display: block;
		margin: 0 auto 24px;
	}
	.plan-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 22px;
	}
	.plan-card {
		padding: 24px 20px 26px;
		border-radius: 16px;
		background: #fff;
		box-shadow: 0 10px 24px rgba(0,0,0,0.08);
		text-align: left;
		position: relative;
	}
	.plan-card .plan-type {
		font-size: 164.71%;
		font-weight: 800;
		line-height: 1.2;
		margin-bottom: 8px;
	}
	.plan-card .plan-type span {
		display: block;
		font-size: 70%;
		font-weight: 500;
	}
	.plan-card .plan-cost strong { font-size: 135%; }
	.plan-card .plan-note { display: block; font-size: 80%; font-weight: 400; margin-top: 4px; }
	.plan-card .plan-points { margin: 14px 0 18px; padding-left: 18px; line-height: 1.6; }
	.plan-card .plan-points li { margin-bottom: 6px; }
	.plan-card .plan-btn {
		display: inline-block;
		padding: 12px 20px;
		border-radius: 50px;
		color: #fff;
		text-decoration: none;
		font-weight: 700;
	}
	.plan-card.fcs { background: linear-gradient(180deg, #fff5f8, #ffe8ef); border: 2px solid #f3b8ca; }
	.plan-card.fcs .plan-label { color: #d64f75; }
	.plan-card.fcs .plan-type { color: #c43b64; }
	.plan-card.fcs .plan-btn { background: #eb7091; }
	.plan-card.fcl { background: linear-gradient(180deg, #fff8e4, #ffeec5); border: 2px solid #f7c954; }
	.plan-card.fcl .plan-label { color: #c79000; }
	.plan-card.fcl .plan-type { color: #c18800; }
	.plan-card.fcl .plan-btn { background: #f8b706; color: #5f3f00; }
	.plan-card.fc { background: linear-gradient(180deg, #f6fbe6, #ecf6d0); border: 2px solid #c7de53; }
	.plan-card.fc .plan-label { color: #7c9c00; }
	.plan-card.fc .plan-type { color: #749000; }
	.plan-card.fc .plan-btn { background: #bfd618; color: #3c5200; }

	.plan-section { margin: 70px 0 60px; }
	.plan-head {
		padding: 28px 30px;
		border-radius: 18px 18px 0 0;
		color: #fff;
	}
	.plan-head .plan-category { font-size: 110%; font-weight: 700; margin-bottom: 8px; }
	.plan-head .plan-title { font-size: 200.71%; font-weight: 800; line-height: 1.2; margin-bottom: 6px; }
	.plan-head .plan-title span { display: block; font-size: 60%; font-weight: 500; margin-top: 6px; }
	.plan-head .plan-cost { font-size: 135.71%; font-weight: 700; }
	.plan-section.fcs .plan-head { background: linear-gradient(90deg, #f6a8be, #eb7091); }
	.plan-section.fcl .plan-head { background: linear-gradient(90deg, #ffd777, #f8b706); }
	.plan-section.fc .plan-head { background: linear-gradient(90deg, #d6e985, #bfd618); color: #2f4200; }
	.plan-section.fc .plan-head .plan-title { color: #2f4200; }

	.plan-body {
		background: #fff;
		border: 1px solid #eee;
		border-top: none;
		border-radius: 0 0 18px 18px;
		padding: 28px 30px;
		box-shadow: 0 12px 24px rgba(0,0,0,0.06);
	}
	.plan-body .plan-subtitle {
		font-size: 142.71%;
		font-weight: 700;
		margin-bottom: 12px;
	}
	.plan-body .plan-text {
		font-size: 112.71%;
		line-height: 1.8;
		margin-bottom: 24px;
	}
	.plan-cards {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 18px;
		margin-bottom: 20px;
	}
	.plan-section.fc .plan-cards { grid-template-columns: repeat(2, 1fr); }
	.text-card {
		background: #fafafa;
		border-radius: 12px;
		padding: 18px 20px;
		border: 1px solid #eee;
	}
	.text-card h5 { font-size: 122.71%; margin-bottom: 10px; }
	.text-card ul { padding-left: 18px; line-height: 1.6; }
	.text-card ul li { margin-bottom: 4px; }

	.highlight-box {
		display: grid;
		grid-template-columns: 1.4fr 1fr;
		align-items: center;
		gap: 18px;
		margin-top: 10px;
		background: #fff9fb;
		border: 1px solid #f3d2dd;
		border-radius: 14px;
		padding: 16px 18px;
	}
	.highlight-text h5 { font-size: 122.71%; margin-bottom: 8px; }
	.highlight-text p { line-height: 1.7; margin: 0; }
	.highlight-image img { width: 100%; border-radius: 10px; }

	.flow-section { margin: 70px 0 40px; }
	.flow-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 18px;
	}
	.flow-card {
		background: #fff;
		border-radius: 14px;
		padding: 18px 18px 14px;
		box-shadow: 0 10px 20px rgba(0,0,0,0.06);
		border: 1px solid #eee;
	}
	.flow-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
	.flow-label {
		display: inline-block;
		min-width: 56px;
		padding: 8px 12px;
		border-radius: 10px;
		color: #fff;
		font-weight: 700;
		text-align: center;
	}
	.flow-card.fcs .flow-label { background: #eb7091; }
	.flow-card.fcl .flow-label { background: #f8b706; color: #5f3f00; }
	.flow-card.fc .flow-label { background: #bfd618; color: #3c5200; }
	.flow-lead { font-size: 122.71%; font-weight: 700; line-height: 1.4; }
	.flow-card ol { margin: 0; padding-left: 20px; line-height: 1.7; }
	.flow-card ol li { margin-bottom: 6px; }

	.table-section { margin: 60px 0 50px; }
	.table-scroll { overflow-x: auto; }
	.plan-table { width: 100%; border-collapse: collapse; min-width: 800px; }
	.plan-table th, .plan-table td { padding: 14px 12px; border: 1px solid #e6e6e6; text-align: center; line-height: 1.6; }
	.plan-table thead th { font-size: 110%; font-weight: 800; color: #fff; }
	.plan-table thead th.fcs { background: #eb7091; }
	.plan-table thead th.fcl { background: #f8b706; color: #5f3f00; }
	.plan-table thead th.fc { background: #bfd618; color: #3c5200; }
	.plan-table tbody th { background: #fafafa; font-weight: 700; text-align: left; }
	.plan-table tbody tr:nth-child(even) td { background: #fdfdfd; }

	.cta-section { margin: 60px 0 30px; }
	.cta-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 18px;
	}
	.cta-card {
		background: #fff7ed;
		border-radius: 14px;
		padding: 22px 20px;
		border: 1px solid #ffe0b3;
		box-shadow: 0 10px 20px rgba(0,0,0,0.06);
	}
	.cta-card h4 { font-size: 135.71%; margin-bottom: 10px; }
	.cta-card p { line-height: 1.7; margin-bottom: 12px; }
	.cta-card ul { padding-left: 18px; line-height: 1.6; }
	.cta-card ul li { margin-bottom: 4px; }
	.cta-card .plan-btn { margin-top: 12px; }
	.cta-card:first-child { background: #fff9fb; border-color: #f3d2dd; }
	.cta-card:first-child .plan-btn { background: #eb7091; }
	.cta-card:last-child .plan-btn { background: #bfd618; color: #3c5200; }

}






/* SMARTPHONES SIZE */
@media screen and (max-width: 980px){
	#main{
		padding-top: 10px;
	}
	#head_image {
		background-size: 0;
	}
	.contents-title {
		font-size: 162.71%;
		line-height: 1.5;
	}
	.type-point li {
		font-size: 158.71%;
	    padding: 4%;
	    margin-bottom: 10px;
	    width: 92%;
	}
	.contents-desc { width: 94%; }

	#fo_link,
	#fcl_link,
	#fc_link {
		margin-top:-30px;
		padding-top:30px;
	}

	/* New owner page layout (SP) */
	.owner-wrapper {
		padding: 30px 0 10px;
	}
	.page-lead {
		text-align: center;
		margin-bottom: 32px;
	}
	.page-lead .lead-copy {
		font-size: 148.71%;
		font-weight: 700;
		line-height: 1.6;
		margin-bottom: 16px;
	}
	.lead-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}
	.lead-btn {
		display: inline-block;
		padding: 10px 14px;
		border-radius: 24px;
		color: #fff;
		font-weight: 700;
		text-decoration: none;
		font-size: 100.71%;
	}
	.lead-btn.fcs { background: #eb7091; }
	.lead-btn.fcl { background: #f8b706; color: #5f3f00; }
	.lead-btn.fc { background: #bfd618; color: #3c5200; }

	/* Plan intro cards (SP) */
	.plan-intro-cards {
		margin-top: 30px;
	}
	.plan-intro-card {
		display: block;
		border-radius: 16px;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.plan-intro-card .card-left {
		padding: 10px 20px 20px;
		text-align: center;
		background: #fff;
	}
	.plan-intro-card .card-right {
		padding: 20px 20px;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		border-bottom-left-radius: 16px;
	}
	.card-fcs .card-right { background: #fce3e9; }
	.card-fcl .card-right { background: #fff4d6; }
	.card-fc .card-right { background: #f3f9d9; }
	
	.card-target {
		font-family: "FP-ヒラギノ角ゴ StdN W7";
		font-size: 130.71%;
		font-weight: 700;
		line-height: 1.5;
		margin-bottom: 10px;
		color: #333;
	}
	.card-detail-btn {
		display: inline-block;
		padding: 16px 40px;
		border-radius: 50px;
		color: #fff !important;
		font-size: 130.71%;
		text-decoration: none;
		box-shadow: 0 6px 12px rgba(0,0,0,0.15);
	}
	.btn-fcs { background: #d16884; }
	.btn-fcl { background: #d9a419; }
	.btn-fc { background: #8fb31c; }
	
	.card-badges-wrapper {
		display: block;
		margin-bottom: 0px;
	}
	.card-badges {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.badge {
		display: inline-block;
		padding: 6px 14px;
		border-radius: 10px;
		color: #fff;
		font-size: 85%;
		margin-right: 10px;
		margin-bottom: 5px;
		flex-shrink: 0;
	}
	.badge-fcs { background: #d16884; }
	.badge-fcl { background: #d9a419; }
	.badge-fc { background: #8fb31c; }
	
	.badge-text {
		font-size: 90%;
		font-family: "FP-ヒラギノ角ゴ StdN W7";
		color: #333;
	}
	.card-description {
		font-size: 105% !important;
		line-height: 1.5;
		color: #333;
		margin-top: 8px;
		text-align: left;
	}

	.section-title {
		text-align: center;
		font-size: 150.71%;
		font-weight: 700;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.section-title span {
		display: block;
		font-size: 80%;
		font-weight: 400;
		margin-top: 6px;
	}
	.plan-summary { margin-bottom: 40px; }
	.plan-summary .summary-image img { width: 100%; height: auto; margin-bottom: 16px; }
	.plan-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.plan-card {
		padding: 18px 16px 20px;
		border-radius: 14px;
		background: #fff;
		box-shadow: 0 8px 18px rgba(0,0,0,0.06);
	}
	.plan-card .plan-label { font-weight: 700; margin-bottom: 8px; }
	.plan-card .plan-type { font-size: 140.71%; font-weight: 800; margin-bottom: 6px; }
	.plan-card .plan-type span { display: block; font-size: 74%; font-weight: 500; }
	.plan-card .plan-cost { font-weight: 700; margin: 10px 0; }
	.plan-card .plan-note { display: block; font-size: 80%; margin-top: 4px; }
	.plan-card .plan-points { margin: 12px 0 14px; padding-left: 16px; line-height: 1.6; }
	.plan-card .plan-btn { display: inline-block; padding: 10px 16px; border-radius: 40px; color: #fff; text-decoration: none; font-weight: 700; }
	.plan-card.fcs { background: #fff5f8; border: 1px solid #f3b8ca; }
	.plan-card.fcs .plan-btn { background: #eb7091; }
	.plan-card.fcl { background: #fff8e4; border: 1px solid #f7c954; }
	.plan-card.fcl .plan-btn { background: #f8b706; color: #5f3f00; }
	.plan-card.fc { background: #f6fbe6; border: 1px solid #c7de53; }
	.plan-card.fc .plan-btn { background: #bfd618; color: #3c5200; }

	.plan-section { margin: 50px 0 40px; }
	.plan-head {
		padding: 18px 16px;
		border-radius: 14px 14px 0 0;
		color: #fff;
	}
	.plan-head .plan-category { font-weight: 700; margin-bottom: 6px; }
	.plan-head .plan-title { font-size: 150.71%; font-weight: 800; }
	.plan-head .plan-title span { display: block; font-size: 72%; font-weight: 500; margin-top: 4px; }
	.plan-head .plan-cost { font-weight: 700; margin-top: 6px; }
	.plan-section.fcs .plan-head { background: #eb7091; }
	.plan-section.fcl .plan-head { background: #f8b706; color: #5f3f00; }
	.plan-section.fc .plan-head { background: #bfd618; color: #3c5200; }

	.plan-body {
		background: #fff;
		border: 1px solid #eee;
		border-top: none;
		border-radius: 0 0 14px 14px;
		padding: 18px 16px;
		box-shadow: 0 10px 18px rgba(0,0,0,0.05);
	}
	.plan-body .plan-subtitle { font-size: 120.71%; font-weight: 700; margin-bottom: 10px; }
	.plan-body .plan-text { line-height: 1.7; margin-bottom: 16px; }
	.plan-cards { display: grid; grid-template-columns: 1fr; gap: 12px; }
	.text-card { background: #fafafa; border: 1px solid #eee; border-radius: 10px; padding: 14px; }
	.text-card h5 { font-size: 115%; margin-bottom: 8px; }
	.text-card ul { padding-left: 16px; line-height: 1.6; }
	.text-card ul li { margin-bottom: 4px; }
	.highlight-box { margin-top: 12px; background: #fff9fb; border: 1px solid #f3d2dd; border-radius: 12px; padding: 14px; }
	.highlight-text h5 { font-size: 115%; margin-bottom: 6px; }
	.highlight-text p { line-height: 1.6; margin: 0 0 8px; }
	.highlight-image img { width: 100%; border-radius: 8px; }

	.flow-section { margin: 50px 0 36px; }
	.flow-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
	.flow-card { background: #fff; border-radius: 12px; padding: 14px; border: 1px solid #eee; box-shadow: 0 8px 16px rgba(0,0,0,0.05); }
	.flow-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
	.flow-label { padding: 7px 12px; border-radius: 10px; color: #fff; font-weight: 700; min-width: 52px; text-align: center; }
	.flow-card.fcs .flow-label { background: #eb7091; }
	.flow-card.fcl .flow-label { background: #f8b706; color: #5f3f00; }
	.flow-card.fc .flow-label { background: #bfd618; color: #3c5200; }
	.flow-lead { font-weight: 700; line-height: 1.4; }
	.flow-card ol { margin: 0; padding-left: 18px; line-height: 1.6; }

	.table-section { margin: 44px 0 36px; }
	.table-scroll { overflow-x: auto; }
	.plan-table { width: 100%; min-width: 640px; border-collapse: collapse; }
	.plan-table th, .plan-table td { padding: 12px 10px; border: 1px solid #e6e6e6; text-align: center; line-height: 1.5; font-size: 96%; }
	.plan-table thead th { color: #fff; font-weight: 800; }
	.plan-table thead th.fcs { background: #eb7091; }
	.plan-table thead th.fcl { background: #f8b706; color: #5f3f00; }
	.plan-table thead th.fc { background: #bfd618; color: #3c5200; }
	.plan-table tbody th { background: #fafafa; text-align: left; font-weight: 700; }

	.cta-section { margin: 44px 0 24px; }
	.cta-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
	.cta-card { background: #fff9fb; border: 1px solid #f3d2dd; border-radius: 12px; padding: 16px; box-shadow: 0 8px 16px rgba(0,0,0,0.05); }
	.cta-card:last-child { background: #fff7ed; border-color: #ffe0b3; }
	.cta-card h4 { font-size: 120.71%; margin-bottom: 8px; }
	.cta-card p { line-height: 1.6; margin-bottom: 10px; }
	.cta-card ul { padding-left: 16px; line-height: 1.6; }
	.cta-card .plan-btn { display: inline-block; margin-top: 10px; padding: 10px 16px; border-radius: 40px; color: #fff; text-decoration: none; font-weight: 700; }
	.cta-card:first-child .plan-btn { background: #eb7091; }
	.cta-card:last-child .plan-btn { background: #bfd618; color: #3c5200; }

}

/* SMALL SMARTPHONES SIZE */
@media screen and (max-width: 480px){
	.type-point li {
		font-size: 135.71%;
	}
}
@media screen and (max-width: 350px){
}