@charset "utf-8";
:root {
	--page-blue: #1a54bb;
	--page-light-blue: #deeefb;
	--page-red: #c40000;
}
@media screen and (min-width:299px) { 
	.page {
		color: #000;
		font-size: 1.15em;
		margin: 0 0 1em 0;
		width: 730px;
	}
	.page .sp {
		display: none;
	}
	.page p {
		margin: 0;
		padding: 0.5em 0;
	}
	.page a {
		color: var(--page-blue);
	}
	.page .main {
		background-image: url("/parts/contents/return/main_bg.png");
		background-position: center;
		background-repeat: no-repeat;
		margin: 0 0 1.5em 0;
		text-align: center;
		padding: 1.15em 0;
	}
	.page .main .img {
		width: 426px;
		margin: 0 auto 1em auto;
		padding: 0;
	}
	.page .main h2 {
		border-bottom: none;
		font-size: 2.15em;
		font-weight: bold;
		margin: 0;
		text-align: center;
		padding: 0;
	}
	.page .main h2 span:first-of-type {
		display: block;
		font-size: 0.7em;
		line-height: 1.2;
		text-align: center;
	}
	.page .main h2 strong {
		color: var(--page-red);
		font-weight: bold;
	}
	.page .main .note {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.page .lead strong {
		color: var(--page-red);
		font-weight: bold;
	}
	.page .feature {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 2em 0 0 0;
	}
	.page .feature li {
		background-color: var(--page-light-blue);
		border-radius: 20px;
		font-size: 1.55em;
		font-weight: bold;
		padding: 1em 0;
		text-align: center;
		width: 32%;
	}
	.page .feature li p {
		align-items: center;
		display: flex;
		justify-content: center;
		height: 125px;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	.page .feature li:nth-of-type(1) p img {
		width: 108px;
	}
	.page .feature li:nth-of-type(2) p img {
		width: 128px;
	}
	.page .feature li:nth-of-type(3) p img {
		width: 122px;
	}
	.page .feature strong {
		color: var(--page-blue);
		font-weight: bold;
	}
	.page .block {
		margin: 2.75em 0 0 0;
		padding: 0;
	}
	.page .block h3 {
		border-bottom: none;
		color: var(--page-blue);
		font-size: 1.35em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	.page .block ul.cir {
		padding: 0.5em 0;
	}
	.page .block ul.cir li {
		align-content: center;
		display: flex;
		padding: 0.15em 0;
	}
	.page .block ul.cir li::before {
		content: "●";
		color: var(--page-blue);
		font-size: 0.85em;
		padding: 0 0.25em 0 0;
	}
	.page .block ul.flex {
		display: flex;
		flex-wrap: wrap;
	}
	.page .block ul.flex li {
		padding-right: 1em;
	}
	.page .acc {
		color: var(--page-blue);
		cursor: pointer;
		text-decoration: underline;
	}
	.page .exception {
		border: solid 1px #b8b8b8;
		margin: 1.85em 0 0 0;
		padding: 1.65em;
	}
	.page .exception h3 {
		color: #000;
		text-align: center;
	}
	.page .exception ul.icon {
		display: flex;
		font-size: 1.15em;
		font-weight: bold;
		justify-content: space-between;
		margin: 1em auto;
		width: 78%;
	}
	.page .exception ul.icon li {
		text-align: center;
		width: 23%;
	}
	.page .exception ul.icon li img {
		margin: 0 0 0.25em 0;
	}
	.page .exception ul.detail {
		font-size: 0.95em;
	}
	.page .exception ul.detail li {
		display: flex;
		padding: 0.15em 0;
	}
	.page .exception ul.detail li::before {
		content: "・";
		padding: 0 0.15em 0 0;
	}
	.page .flow {
		background-color: #ebf5fc;
		padding: 2em;
	}
	.page .flow h3 {
		color: #000;
		text-align: center;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	.page .flow h4 {
		font-size: 1.25em;
		margin: 0;
		padding: 0;
	}
	.page .flow > div {
		border-bottom: dotted 5px #c3d3ed;
		display: flex;
		justify-content: space-between;
		padding: 1.85em 0;
	}
	.page .flow > div:first-of-type {
		padding-top: 0;
	}
	.page .flow > div:last-of-type {
		border-bottom: none;
		padding-bottom: 0;
	}
	.page .flow .icon {
		text-align: center;
		width: 95px;
	}
	.page .flow > div:nth-of-type(1) .icon img {
		width: 62px;
	}
	.page .flow > div:nth-of-type(2) .icon img {
		width: 62px;
	}
	.page .flow > div:nth-of-type(3) .icon img {
		width: 91px;
	}
	.page .flow .icon + div {
		width: 540px;
	}
	.page .flow .box {
		background-color: #FFF;
		border: solid 1px #b8b8b8;
		display: inline-block;
		margin: 0.5em 0 0 0;
		padding: 0.65em 1.25em;
	}
}
@media screen and (max-width:390px) { 
	.page {
		color: #000;
		font-size: 1em;
		margin: 0 0 1em 0;
		width: 100%;
	}
	.page p {
		font-size: 0.95em;
		margin: 0;
		padding: 0.5em 0;
	}
	.page a {
		color: var(--page-blue);
	}
	.page .main {
		background-image: url("/parts/contents/return/main_bg.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		margin: 0 0 0.75em 0;
		text-align: center;
		padding: 1.15em 0;
	}
	.page .main .img {
		width: 80%;
		margin: 0 auto 1em auto;
		padding: 0;
	}
	.page .main h2 {
		font-size: 1.45em;
		margin: 0;
		text-align: center;
		padding: 0;
	}
	.page .main h2 span:first-of-type {
		display: block;
		font-size: 0.7em;
		line-height: 1.2;
		text-align: center;
	}
	.page .main .note {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.page .lead {
		margin: 0 auto;
		width: 92%;
	}
	.page .feature {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 1em auto 0 auto;
		width: 92%;
	}
	.page .feature li {
		background-color: var(--page-light-blue);
		border-radius: 20px;
		font-size: 1em;
		font-weight: bold;
		padding: 1em 0;
		text-align: center;
		width: 32%;
	}
	.page .feature li p {
		align-items: center;
		display: flex;
		justify-content: center;
		height: 3.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	.page .feature li p img {
		width: 40%;
	}
	.page .feature strong {
		color: var(--page-blue);
	}
	.page .block {
		margin: 2.75em auto 0 auto;
		padding: 0;
		width: 92%;
	}
	.page .block h3 {
		color: var(--page-blue);
		font-size: 1.35em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	.page .block ul.cir {
		font-size: 0.95em;
		padding: 0.5em 0;
	}
	.page .block ul.cir li {
		align-content: center;
		display: flex;
		padding: 0.15em 0;
	}
	.page .block ul.cir li::before {
		content: "●";
		color: var(--page-blue);
		font-size: 0.85em;
		padding: 0 0.25em 0 0;
	}
	.page .block ul.flex {
		display: flex;
		flex-wrap: wrap;
	}
	.page .block ul.flex li {
		padding-right: 1em;
	}
	.page .acc {
		color: var(--page-blue);
		cursor: pointer;
		text-decoration: underline;
	}
	.page .exception {
		border: solid 1px #b8b8b8;
		margin: 1.85em 0 0 0;
		padding: 1em;
	}
	.page .exception h3 {
		color: #000;
		text-align: center;
	}
	.page .exception ul.icon {
		display: flex;
		font-size: 1em;
		font-weight: bold;
		justify-content: space-between;
		margin: 1em auto;
		width: 100%;
	}
	.page .exception ul.icon li {
		text-align: center;
		width: 23%;
	}
	.page .exception ul.icon li img {
		margin: 0 0 0.25em 0;
	}
	.page .exception ul.detail {
		font-size: 0.95em;
	}
	.page .exception ul.detail li {
		display: flex;
		padding: 0.15em 0;
	}
	.page .exception ul.detail li::before {
		content: "・";
		padding: 0 0.15em 0 0;
	}
	.page .flow {
		background-color: #ebf5fc;
		padding: 1em;
		width: 100% !important;
	}
	.page .flow h3 {
		color: #000;
		text-align: center;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	.page .flow h4 {
		font-size: 1.25em;
		margin: 0;
		padding: 0;
	}
	.page .flow > div {
		border-bottom: dotted 5px #c3d3ed;
		display: flex;
		justify-content: space-between;
		padding: 1.2em 0;
	}
	.page .flow > div:first-of-type {
		padding-top: 0;
	}
	.page .flow > div:last-of-type {
		border-bottom: none;
		padding-bottom: 0;
	}
	.page .flow .icon {
		padding: 0;
		text-align: center;
		width: 18%;;
	}
	.page .flow.icon img {
		width: 100%;
	}
	.page .flow .icon + div {
		width: 77%;
	}
	.page .flow .box {
		background-color: #FFF;
		border: solid 1px #b8b8b8;
		display: inline-block;
		font-size: 0.95em;
		margin: 0.5em 0 0 0;
		padding: 0.65em 1.25em;
	}
}