@charset "utf-8";
:root {
	--page-black: #202020;
	--page-dark-blue: #0036b3;
	--page-blue: #3b64c4;
	--page-light-blue: #f1f8ff;
	--page-red: #ee2751;
}
@media screen and (min-width:391px) {
	.page {
		font-size: 1.15em;
		margin: 0 auto;
		width: 955px;
	}
	.block-page-block {
		margin: 0 auto;
		width: 955px;
	}
	.page p {
		margin: 0;
	}
	.page dd {
		margin: 0;
	}
	.page a img {
		transition: opacity 0.3s 0s ease;
	}
	.page a:hover img {
		opacity: 0.8;
	}
	.page .note {
		font-size: 0.85em;
	}
	.page .sp {
		display: none;
	}
	.page .btn {
		background-image: url("/parts/contents/corporation_service/arrow_blue.svg");
		background-position: center right 20px;
		background-repeat: no-repeat;
		background-size: 15px;
		border-radius: 30px;
		text-align: center;
		transition: background-color 0.3s 0s ease;
	}
	.page .btn a {
		display: block;
		font-weight: bold;
		padding: 1em 0;
		text-decoration: none;
		text-align: center;
		transition: color 0.3s 0s ease;
		width: 100%;
	}
	.page .btn_bl {
		align-items: center;
		background-color: var(--page-dark-blue);
		background-image: url("/parts/contents/corporation_service/arrow_white.svg");
		display: flex;
		height: 70px;
		justify-content: center;
	}
	.page .btn_bl:hover {
		background-color: #FFF;
		background-image: url("/parts/contents/corporation_service/arrow_blue.svg");
		border: solid 1px var(--page-dark-blue);
	}
	.page .btn_bl a {
		color: #FFF;
	}
	.page .btn_bl:hover a {
		color: var(--page-dark-blue);
	}
	.page > div {
		margin-top: 5em;
	}
	.page  .intro {
		margin-top: 0;
	}
	.page .main {
		background-image: url("/parts/contents/corporation_service/main_pc_2.jpg");
		background-position: top left;
		background-repeat: no-repeat;
		height: 250px;
		margin-bottom: 2em;
		position: relative;
	}
	.page .main .btn {
		background-color: #FFF;
		border: solid 1px var(--page-dark-blue);
		bottom: 25px;
		position: absolute;
		right: 25px;
		width: 270px;
	}
	.page .main .btn:hover {
		background-color: var(--page-blue);
		background-image: url("/parts/contents/corporation_service/arrow_white.svg");
		border: solid 1px #FFF;
	}
	.page .main .btn a {
		color: var(--page-dark-blue);
	}
	.page .main .btn:hover a {
		color: #FFF;
	}
	.page .intro .point {
		background-color: #fef2f5;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 1em 2em;
	}
	.page .intro .point li {
		padding: 0.55em 0;
	}
	.page h2 {
		font-size: 1.1em;
		font-weight: normal;
		margin: 0 0 1.75em 0;
		text-align: center;
	}
	.page h3 {
		margin-bottom: 1.25em;
		text-align: center;
	}
	.page h3 span {
		border-bottom: 3px solid var(--page-dark-blue);
		border-image: linear-gradient(to right, #00b5ff 0%, var(--page-dark-blue) 100%);
		border-image-slice: 1;
		display: inline;
		font-size: 1.5em;
		padding-bottom: 0.15em;
	}
	.page h3 + p {
		text-align: center;
	}
	.page .recommend ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 0.75em;
	}
	.page .recommend ul li {
		height: 165px;
		margin-top: 1.75em;
		width: 463px;
	}
	.page .issue h3 {
		position: relative;
		padding: 0.2em;
		background: #0070d6;
		color: #FFF;
		width: 885px;
		margin: 0 auto 1em;
		font-size: 1.5em;
	}
	.page .issue h3:after {
		position: absolute;
		content: '';
		top: 100%;
		left: 50%;
		border: 13px solid transparent;
		border-top: 11px solid #0070d6;
		width: 0;
		height: 0;
	}
	.page .issue .issue_box {
		display: flex;
		margin: 0 auto;
		width: 750px;
	}
	.page .issue .issue_box img {
		width: 280px;
	}
	.page .issue .issue_box ul {
		margin: auto;
	}
	.page .issue .issue_box li {
		font-size: 1.15em;
		line-height: 1.8;
	}
	.page .issue .issue_box li::before {
		content: "●";
		color: #0070d6;
		padding: 0 5px 0 0;
	}
	.page .issue .issue_box li span {
		font-weight: bold;
		color: #0070d6;
	}
	.page .service .detail {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 1em auto 0 auto;
		width: 937px;
	}
	.page .service .detail > div {
		background-color: #FFF;
		box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.18);
		margin-top: 1em;
		padding: 10px 20px 20px 20px;
		width: 301px;
	}
	.page .service .detail > div > a {
		background-position: bottom 7px right;
		background-repeat: no-repeat;
		background-size: 20px;
		display: block;
		text-decoration: none;
	}
	.page .service .detail > div > a.ext_link {
		background-image: url("/parts/contents/corporation_service/window.svg");
	}
	.page .service .detail > div > a .text {
		color: var(--page-black);
	}
	.page .service .detail > div p {
		padding: 0;
	}
	.page .service .detail > div .img {
		margin-bottom: 15px;
		width: 261px;
	}
	.page .service .detail > div .text {
		font-size: 0.95em;
	}
	.page .service .detail > div h4 {
		color: var(--page-dark-blue);
		font-size: 1.15em;
		margin: 0;
	}
	.page .mailmag {
		background-color: #fffad9;
		padding-bottom: 1.75em;
	}
	.page .mailmag h3 {
		color: var(--page-red);
		font-size: 1.45em;
		margin: 1em 0 0.25em 0;
		padding: 0;
	}
	.page .mailmag .btn {
		margin: 1em auto;
		width: 60%;
	}
	.page .mailmag .btn a {
		font-size: 1.15em;
	}
	.page .feature {
		background-color: var(--page-light-blue);
		padding: 50px 0 60px 0;
	}
	.page .feature .detail {
		overflow: hidden;
		padding-bottom: 15px;
	}
	.page .feature .detail > div {
		background-color: #FFF;
		box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.18);
		margin: 60px 0 0 0;
		padding: 40px;
		position: relative;
		width: 895px;
	}
	.page .feature .detail > div:nth-of-type(odd) {
		margin-left: 60px;
		padding-left: 385px;
	}
	.page .feature .detail > div:nth-of-type(even) {
		margin-right: 60px;
		padding-right: 385px;
	}
	.page .feature .detail > div .img {
		height: 215px;
		position: absolute;
		top: -30px;
		width: 375px;
	}
	.page .feature .detail > div:nth-of-type(odd) .img {
		left: -30px;
	}
	.page .feature .detail > div:nth-of-type(even) .img {
		right: -30px;
	}
	.page .feature .detail h4 {
		color: var(--page-dark-blue);
		font-size: 1.55em;
	}
	.page .feature .detail .text strong {
		background-color: transparent;
		color: var(--page-red);
		display: inline;
		font-weight: normal;
	}
	.page .sale {
		background-color: var(--page-light-blue);
		padding: 50px 40px 60px 40px;
	}
	.page .sale > div {
		margin-top: 4em;
	}
	.page .sale .case {
		background-color: #FFF;
		box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.18);
		margin: 2em auto 0 auto;
		padding: 70px 30px 30px 30px;
		position: relative;
	}
	.page .sale .case h4 {
		background-color: var(--page-dark-blue);
		color: #FFF;
		display: inline-block;
		font-weight: bold;
		left: -10px;
		padding: 5px 1em;;
		position: absolute;
		top: -10px;
	}
	.page .sale .case > div {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.page .sale .case .img {
		width: 263px;
	}
	.page .sale .case .item_detail {
		width: 505px;
	}
	.page .sale .case .item_detail .status {
		background-color: #4d4d4d;
		color: #FFF;
		display: inline-block;
		font-size: 0.75em;
		padding: 0.1em 1em;
		text-align: center;
	}
	.page .sale .case .item_detail .item_name {
		font-size: 1.25em;
		font-weight: bold;
		margin: 0.25em 0;
	}
	.page .sale .case .item_detail .desc {
		background-color: var(--page-light-blue);
		border: solid 1px var(--page-dark-blue);
		color: var(--page-dark-blue);
		font-size: 0.9em;
		padding: 10px 15px;
	}
	.page .sale .case .item_detail .price {
		align-items: flex-end;
		display: flex;
		justify-content: flex-end;
		margin: 1em 0;
	}
	.page .sale .case .item_detail .price p:last-of-type {
		font-size: 1.15em;
		font-weight: bold;
	}
	.page .sale .case .item_detail .price p:last-of-type::after {
		content: "（税込）";
		font-size: 0.75em;
		font-weight: normal;
	}
	.page .sale .case .chart {
		background-color: #f3f3f3;
		margin-top: 1.5em;
		padding: 35px 0 45px 45px;
	}
	.page .sale .case .chart img {
		height: 282px;
		width: 757px;
	}
	.page .sale .bto h4 {
		background-color: var(--page-blue);
		color: #FFF;
		font-size: 1.55em;
		margin: 0 0 1em 0;
		padding: 0.25em 0;
		text-align: center;
	}
	.page .sale .bto h4 + p {
		text-align: center;
	}
	.page .sale .bto .menu {
		background-color: #FFF;
		box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.18);
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 1.5em;
		padding: 20px 30px;
	}
	.page .sale .bto .menu dl {
		background-image: url("/parts/contents/corporation_service/check.svg");
		background-repeat: no-repeat;
		background-size: 18px;
		border-bottom: solid 1px #afafaf;
		padding: 17px 0 20px 28px;
		width: 50%;
	}
	.page .sale .bto .menu dl:nth-last-of-type(-n+2) {
		border-bottom: none;
	}
	.page .sale .bto .menu dl:nth-of-type(odd) {
		background-position: top 20px left;
		border-right: solid 1px #afafaf;
		padding-right: 30px;
	}
	.page .sale .bto .menu dl:nth-of-type(even) {
		background-position: top 20px left 20px;
		padding-left: 50px;
	}
	.page .sale .bto .menu dl dt {
		font-size: 1.1em;
		font-weight: bold;
	}
	.page .sale .bto .menu dl .price {
		color: var(--page-red);
		font-size: 1.1em;
		font-weight: bold;
	}
	.page .sale .bto .menu dl .price span {
		font-size: 0.85em;
		font-weight: normal;
	}
	.page .sale .bto .menu dl .desc {
		font-size: 0.9em;
	}
	.page .sale .bto .menu + p.note {
		margin-top: 1em;
	}
	.page .sale .flow h4 {
		background-color: var(--page-blue);
		color: #FFF;
		font-size: 1.55em;
		margin: 0 0 1em 0;
		padding: 0.25em 0;
		text-align: center;
	}
	.page .sale .flow h4 + p {
		text-align: center;
	}
	.page .sale .flow .detail > div {
		align-items: center;
		background-color: #FFF;
		box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.18);
		display: flex;
		margin-top: 1.25em;
		padding: 25px 30px;
	}
	.page .sale .flow .detail .icon {
		text-align: center;
		width: 150px;
	}
	.page .sale .flow .detail > div:nth-of-type(1) .icon img {
		height: 65px;
	}
	.page .sale .flow .detail > div:nth-of-type(2) .icon img {
		height: 65px;
	}
	.page .sale .flow .detail > div:nth-of-type(3) .icon img {
		height: 65px;
	}
	.page .sale .flow .detail > div:nth-of-type(4) .icon img {
		height: 65px;
	}
	.page .sale .flow .detail dt {
		font-size: 1.55em;
		font-weight: bold;
	}
	.page .sale .flow .detail dt strong {
		color: var(--page-red);
		font-size: 0.85em;
	}
	.page .sale .flow .detail + p.note {
		margin-top: 1em;
	}
	.page .sale .split_shipment h4 {
		background-color: var(--page-blue);
		color: #FFF;
		font-size: 1.55em;
		margin: 0 0 1em 0;
		padding: 0.25em 0;
		text-align: center;
	}
	.page .sale .split_shipment h4 + p {
		text-align: center;
	}
	.page .sale .split_shipment .detail > div {
		background-color: #FFF;
		box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.18);
		margin-top: 1.5em;
		padding: 20px 0 30px 0;
	}
	.page .sale .split_shipment h5 {
		font-size: 1.25em;
		color: var(--page-dark-blue);
		margin: 0;
		text-align: center;
	}
	.page .sale .split_shipment h5 + p {
		margin-bottom: 1em;
		text-align: center;
	}
	.page .sale .split_shipment .step {
		align-items: center;
		display: flex;
		justify-content: center;
	}
	.page .sale .split_shipment .step > div {
		align-items: center;
		display: flex;
		justify-content: center;
	}
	.page .sale .split_shipment .step p {
		align-items: center;
		background-color: var(--page-blue);
		border-radius: 50%;
		color: #FFF;
		display: flex;
		font-weight: bold;
		height: 95px;
		justify-content: center;
		position: relative;
		text-align: center;
		top: 50%;
		width: 95px;
	}
	.page .sale .split_shipment .step p.order {
		background-color: #009fff;
	}
	.page .sale .split_shipment .step p.ready {
		background-color: #007feb;
	}
	.page .sale .split_shipment .step p.send {
		background-color: var(--page-dark-blue);
	}
	.page .sale .split_shipment .step p.half {
		margin: 0 1em 0 0;
	}
	.page .sale .split_shipment .step p.half::before {
		border: 15px solid transparent;
		border-left: 15px solid #007feb;
		content: "";
		margin-top: -15px;
		position: absolute;
		right: -25px;
		top: 50%;
		z-index: 0;
	}
	.page .sale .split_shipment .step img.arrow {
		display: block;
		margin: 0 1.55em;
		width: 55px;
	}
	.page .contact p:nth-of-type(1) {
		font-size: 2.15em;
		font-weight: bold;
		text-align: center;
	}
	.page .contact .tel {
		background-image: url("/parts/contents/corporation_service/contact_pc.png");
		background-position: top left;
		background-repeat: no-repeat;
		height: 264px;
		position: relative;
		width: 100%;
	}
	.page .contact .tel .btn_bl {
		bottom: 40px;
		left: 45px;
		position: absolute;
		width: 595px;
	}
	.page .contact .tel .btn_bl a {
		font-size: 0.65em;
	}
	.page .bn {
		margin: 1em 0;
	}
	/* おすすめ商品パーツ */
	.page .recommend_item .item {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 1em;
	}
	.page .recommend_item .item > div {
		background-image: url("/parts/contents/corporation_service/item_bg.png");
		background-position: top center;
		background-repeat: no-repeat;
		border: solid 1px #afafaf;
		margin: 0.3em 0;
		position: relative;
		width: 32.5%;
	}
	.page .recommend_item .item h4 {
		color: var(--page-dark-blue);
		font-size: 1.2em;
		margin: 0.5em 0 0 0;
		padding: 0;
		text-align: center;
	}
	.page .recommend_item .item .size {
		align-items: center;
		background-color: var(--page-dark-blue);
		border-radius: 50%;
		color: #FFF;
		display: flex;
		font-weight: bold;
		height: 65px;
		justify-content: center;
		left: 15px;
		line-height: 1.15;
		position: absolute;
		text-align: center;
		top: 45px;
		width: 65px;
	}
	.page .recommend_item .item .photo {
		margin-left: 70px;
		width: 220px;
	}
	.page .recommend_item .item .photo img {
		vertical-align: bottom;
	}
	.page .recommend_item .item .comment {
		color: var(--page-dark-blue);
		font-size: 0.85em;
		font-weight: bold;
		margin: 0.5em auto 0 auto;
		text-align: center;
		width: 275px;
	}
	.page .recommend_item .item .spec {
		display: flex;
		flex-wrap: wrap;
		font-size: 0.8em;
		list-style-type: none;
		margin: 0.5em auto;
		padding: 0;
		width: 275px;
	}
	.page .recommend_item .item .spec li {
		line-height: 1.4;
	}
	.page .recommend_item .item .spec li::after {
		content: "｜";
	}
	.page .recommend_item .item .spec li:nth-of-type(2)::after,
	.page .recommend_item .item .spec li:last-of-type::after {
		content: "";
	}
	.page .recommend_item .item .func {
		color: #FFF;
		display: flex;
		flex-wrap: wrap;
		font-size: 0.8em;
		font-weight: bold;
		justify-content: space-between;
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		width: 275px;
	}
	.page .recommend_item .item .func li {
		background-color: var(--page-dark-blue);
		text-align: center;
		padding: 0.15em 0;
		width: 32%;
	}
	.page .recommend_item .item .price {
		align-items: flex-start;
		background-color: #f3f3f3;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 0.7em;
		padding: 0.75em 17px 0.2em 17px;
	}
	.page .recommend_item .item .price .regular {
		font-size: 0.85em;
		font-weight: bold;
		width: 100%;
	}
	.page .recommend_item .item .status {
		align-content: center;
		border: solid 1px var(--page-red);
		display: flex;
		font-weight: bold;
		line-height: 1;
		padding: 0.25em 0.5em;
	}
	.page .recommend_item .item .status.used {
		background-color: #FFF;
		color: var(--page-red);
	}
	.page .recommend_item .item .status.new {
		background-color: var(--page-red);
		color: #FFF;
	}
	.page .recommend_item .item .price .value {
		color: var(--page-red);
		font-size: 1.8em;
		font-weight: bold;
		line-height: 1;
	}
	.page .recommend_item .item .price .value span {
		font-size: 0.75em;
		padding-left: 0.1em;
	}
	.page .recommend_item .item .price .value span::after {
		content: "（税込）";
		font-size: 0.65em;
		font-weight: normal;
		color: var(--page-black);
	}
	.page .recommend_item .item .link {
		background-color: var(--page-black);
		transition: background-color 0.3s 0s ease;
	}
	.page .recommend_item .item .link:hover {
		background-color: #414141;
	}
	.page .recommend_item .item .link a {
		color: #FFF;
		display: block;
		font-size: 0.85em;
		padding: 0.35em 0;
		text-align: center;
		text-decoration: none;
		width: 100%;
	}
	.footer_contact {
		bottom: 0;
		left: 0;
		margin-top: 0 !important;
		position: sticky;
		transition: 0.3s 0s ease;
	}
	.fade-in {
		opacity: 1;
	}
	.fade-out {
		opacity: 0;
	}
	.footer_contact .mail {
		border: solid 1px #FFF;
		border-radius: 18px;
		height: 40px;
		position: absolute;
		right: 130px;
		top: 63px;
		width: 203px;
	}
	.footer_contact .mail a {
		align-items: center;
		border-radius: 18px;
		display: flex;
		height: 100%;
		justify-content: center;
		transition: 0.3s 0s ease;
		width: 100%;
	}
	.footer_contact .mail a:hover {
		background:rgba(255,255,255,0.2);
	}
	/* 商品パーツ */
	.block-page-block--contents-goodslist {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.block-page-block--contents-goodslist .js-enhanced-ecommerce-item {
		width: 32%;
	}
}
@media screen and (max-width:390px) { 
	.page {
		font-size: 0.85em;
		margin: 0 auto;
		padding-bottom: 3em;
		width: 100%;
	}
	.page p {
		margin: 0;
	}
	.page dd {
		margin: 0;
	}
	.page a img {
		transition: opacity 0.3s 0s ease;
	}
	.page .note {
		font-size: 0.85em;
	}
	.page .pc {
		display: none;
	}
	.page .btn {
		background-image: url("/parts/contents/corporation_service/arrow_blue.svg");
		background-position: center right 20px;
		background-repeat: no-repeat;
		background-size: 15px;
		border-radius: 30px;
		text-align: center;
		transition: background-color 0.3s 0s ease;
	}
	.page .btn a {
		display: block;
		font-size: 1.15em;
		font-weight: bold;
		padding: 1em 0;
		text-decoration: none;
		text-align: center;
		transition: color 0.3s 0s ease;
		width: 100%;
	}
	.page .btn_bl {
		align-items: center;
		background-color: var(--page-dark-blue);
		background-image: url("/parts/contents/corporation_service/arrow_white.svg");
		display: flex;
		justify-content: center;
	}
	.page .btn_bl a {
		color: #FFF;
	}
	.page > div {
		margin-top: 2em;
	}
	.page .main {
		margin-bottom: 1em;
		margin-top: 0;
		position: relative;
	}
	.page .intro {
		margin-top: 0;
	}
	.page .main .btn {
		background-color: #FFF;
		border: solid 1px var(--page-dark-blue);
		margin: 1em auto 0 auto;
		width: 70%;
	}
	.page .main .btn a {
		color: var(--page-dark-blue);
	}
	.page .intro .point {
		background-color: #fef2f5;
		margin-top: 1em;
		padding: 1em 0;
	}
	.page .intro .point li {
		padding: 0;
		margin: 0.55em auto;
		width: 85%;
	}
	.page h2 {
		font-size: 1em;
		font-weight: normal;
		margin: 0 auto;
		width: 92%;
	}
	.page h3 {
		font-size: 1.25em;
		margin-bottom: 1.25em;
		text-align: center;
	}
	.page h3 span {
		border-bottom: 3px solid var(--page-dark-blue);
		border-image: linear-gradient(to right, #00b5ff 0%, var(--page-dark-blue) 100%);
		border-image-slice: 1;
		display: inline;
		font-size: 1.5em;
		padding-bottom: 0.15em;
	}
	.page h3 + p {
		margin: 0 auto;
		text-align: left;
		width: 92%;
	}
	.page .recommend ul {
		margin: 0.75em auto 0 auto;
		width: 92%;
	}
	.page .recommend ul li {
		margin-top: 1em;
		width: 100%;
	}
	.page .issue h3 {
		position: relative;
		padding: 0.25em;
		background: #0070d6;
		color: #FFF;
		margin: 0 1em 1em;
		font-size: 1.5em;
		text-align: center;
	}
	.page .issue h3:after {
		position: absolute;
		content: '';
		top: 100%;
		left: 50%;
		border: 13px solid transparent;
		border-top: 11px solid #0070d6;
		width: 0;
		height: 0;
	}
	.page .issue .issue_box {
		width: 85%;
		margin: auto;
		text-align: center;
	}
	.page .issue .issue_box img {
		width: 200px;
	}
	.page .issue .issue_box ul {
		margin: auto;
	}
	.page .issue .issue_box li::before {
		content: "●";
		color: #0070d6;
		padding: 0 5px 0 0;
	}
	.page .issue .issue_box li span {
		font-weight: bold;
		color: #0070d6;
	}
	.page .service .detail {
		margin: 1em auto 0 auto;
		width: 92%;
	}
	.page .service .detail > div {
		background-color: #FFF;
		box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.18);
		margin-top: 1em;
		padding: 0 1em 1em 1em;
		width: 100%;
	}
	.page .service .detail > div > a {
		background-position: bottom 7px right;
		background-repeat: no-repeat;
		background-size: 20px;
		display: block;
		text-decoration: none;
	}
	.page .service .detail > div > a.ext_link {
		background-image: url("/parts/contents/corporation_service/window.svg");
	}
	.page .service .detail > div > a .text {
		color: var(--page-black);
	}
	.page .service .detail > div p {
		padding: 0;
	}
	.page .service .detail > div .img {
		margin: 0 auto 1em auto;
		width: 80%;
	}
	.page .service .detail > div .text {
		font-size: 1em;
		text-align: center;
	}
	.page .service .detail > div h4 {
		color: var(--page-dark-blue);
		font-size: 1.45em;
		margin: 0;
		text-align: center;
	}
	.page .mailmag {
		background-color: #fffad9;
		padding-bottom: 1.75em;
	}
	.page .mailmag h3 {
		color: var(--page-red);
		font-size: 1.1em;
		margin: 1em 0 0.25em 0;
		padding: 0;
	}
	.page .mailmag .btn {
		margin: 1em auto;
		width: 95%;
	}
	.page .mailmag .btn a {
		font-size: 1.15em;
	}
	.page .feature {
		background-color: var(--page-light-blue);
		padding: 3em 0;
	}
	.page .feature .detail {
		padding-bottom: 15px;
	}
	.page .feature .detail > div {
		background-color: #FFF;
		box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.18);
		margin: 1em auto 0 auto;
		padding: 20px;
		position: relative;
		width: 92%;
	}
	.page .feature .detail > div .img {
		margin: 0 auto 1em auto;
		width: 80%;
	}
	.page .feature .detail h4 {
		color: var(--page-dark-blue);
		font-size: 1.45em;
		margin: 0;
		padding: 0 0 0.35em 0;
		text-align: center;
	}
	.page .feature .detail .text strong {
		background-color: transparent;
		color: var(--page-red);
		display: inline;
		font-weight: normal;
	}
	.page .sale {
		background-color: var(--page-light-blue);
		padding: 3em 4%;
	}
	.page .sale h3 + p {
		width: 100%;
	}
	.page .sale > div {
		margin-top: 4em;
	}
	.page .sale .case {
		background-color: #FFF;
		box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.18);
		margin: 2em auto 0 auto;
		padding: 0 0 0.5em 0;
		position: relative;
	}
	.page .sale .case h4 {
		background-color: var(--page-dark-blue);
		color: #FFF;
		display: inline-block;
		font-weight: bold;
		left: -10px;
		margin: 0;
		padding: 5px 1em;;
		position: absolute;
		top: -10px;
	}
	.page .sale .case > div {
		padding-top: 3em;
	}
	.page .sale .case .img {
		margin: 1em auto;
		width: 60%;
	}
	.page .sale .case .item_detail {
		margin: 0 auto;
		width: 90%;
	}
	.page .sale .case .item_detail .status {
		background-color: #4d4d4d;
		color: #FFF;
		display: inline-block;
		font-size: 0.75em;
		padding: 0.1em 1em;
		text-align: center;
	}
	.page .sale .case .item_detail .item_name {
		font-size: 1.25em;
		font-weight: bold;
		margin: 0.25em 0;
	}
	.page .sale .case .item_detail .desc {
		background-color: var(--page-light-blue);
		border: solid 1px var(--page-dark-blue);
		color: var(--page-dark-blue);
		font-size: 0.9em;
		padding: 10px 15px;
	}
	.page .sale .case .item_detail .price {
		align-items: flex-end;
		display: flex;
		justify-content: flex-end;
		margin: 1em 0;
	}
	.page .sale .case .item_detail .price p:last-of-type {
		font-size: 1.15em;
		font-weight: bold;
	}
	.page .sale .case .item_detail .price p:last-of-type::after {
		content: "（税込）";
		font-size: 0.75em;
		font-weight: normal;
	}
	.page .sale .case .chart {
		background-color: #f3f3f3;
		margin: 1.5em auto;
		padding: 1em 0;
		text-align: center;
		width: 90%;
	}
	.page .sale .case .chart img {
		width: 90%;
	}
	.page .sale .bto h4 {
		background-color: var(--page-blue);
		color: #FFF;
		font-size: 1.55em;
		margin: 0 0 1em 0;
		padding: 0.25em 0;
		text-align: center;
	}
	.page .sale .bto .menu {
		background-color: #FFF;
		box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.18);
		margin-top: 1.5em;
		padding: 20px 0;
	}
	.page .sale .bto .menu dl {
		background-image: url("/parts/contents/corporation_service/check.svg");
		background-repeat: no-repeat;
		background-size: 18px;
		border-bottom: solid 1px #afafaf;
		margin: 1em auto 0 auto;
		padding: 0 0 20px 28px;
		width: 92%;
	}
	.page .sale .bto .menu dl:last-of-type {
		border-bottom: none;
		padding-bottom: 0;
	}
	.page .sale .bto .menu dl dt {
		font-size: 1.1em;
		font-weight: bold;
	}
	.page .sale .bto .menu dl .price {
		color: var(--page-red);
		font-size: 1.1em;
		font-weight: bold;
	}
	.page .sale .bto .menu dl .price span {
		font-size: 0.85em;
		font-weight: normal;
	}
	.page .sale .bto .menu dl .desc {
		font-size: 0.9em;
	}
	.page .sale .bto .menu + p.note {
		margin-top: 1em;
	}
	.page .sale .flow h4 {
		background-color: var(--page-blue);
		color: #FFF;
		font-size: 1.55em;
		margin: 0 0 1em 0;
		padding: 0.25em 0;
		text-align: center;
	}
	.page .sale .flow .detail > div {
		align-items: flex-start;
		background-color: #FFF;
		box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.18);
		display: flex;
		justify-content: space-between;
		margin-top: 1.25em;
		padding: 25px 30px;
	}
	.page .sale .flow .detail .icon {
		text-align: center;
		width: 15%;
	}
	.page .sale .flow .detail .icon img {
		width: 100%;
	}
	.page .sale .flow .detail dl {
		width: 80%;
	}
	.page .sale .flow .detail dt {
		font-size: 1.55em;
		font-weight: bold;
	}
	.page .sale .flow .detail dt strong {
		color: var(--page-red);
		font-size: 0.85em;
	}
	.page .sale .flow .detail + p.note {
		margin-top: 1em;
	}
	.page .sale .split_shipment h4 {
		background-color: var(--page-blue);
		color: #FFF;
		font-size: 1.55em;
		margin: 0 0 1em 0;
		padding: 0.25em 0;
		text-align: center;
	}
	.page .sale .split_shipment .detail > div {
		background-color: #FFF;
		box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.18);
		margin-top: 1.5em;
		padding: 20px 0 30px 0;
	}
	.page .sale .split_shipment h5 {
		color: var(--page-dark-blue);
		font-size: 1.25em;
		margin: 0;
		text-align: center;
	}
	.page .sale .split_shipment h5 + p {
		margin-bottom: 1em;
		text-align: center;
	}
	.page .sale .split_shipment .step > div {
		display: flex;
		justify-content: center;
	}
	.page .sale .split_shipment .step p {
		align-items: center;
		background-color: var(--page-blue);
		border-radius: 50%;
		color: #FFF;
		display: flex;
		font-weight: bold;
		height: 70px;
		justify-content: center;
		position: relative;
		text-align: center;
		top: 50%;
		width: 70px;
	}
	.page .sale .split_shipment .step p.order {
		background-color: #009fff;
	}
	.page .sale .split_shipment .step p.ready {
		background-color: #007feb;
	}
	.page .sale .split_shipment .step p.send {
		background-color: var(--page-dark-blue);
	}
	.page .sale .split_shipment .step p.half {
		margin: 0 1em 0 0;
	}
	.page .sale .split_shipment .step p.half::before {
		border: 15px solid transparent;
		border-left: 15px solid #007feb;
		content: "";
		margin-top: -15px;
		position: absolute;
		right: -25px;
		top: 50%;
		z-index: 0;
	}
	.page .sale .split_shipment .step img.arrow {
		display: block;
		margin: 0 0.5em;
		width: 1em;
	}
	.page .contact p:nth-of-type(1) {
		font-size: 1.55em;
		font-weight: bold;
		text-align: center;
	}
	.page .contact .tel .btn {

		align-items: center;
		background-color: var(--page-dark-blue);
		background-image: url("/parts/contents/corporation_service/arrow_white.svg");
		display: flex;
		font-size: 1em;
		justify-content: center;
		margin: 1.5em auto 0 auto;
		width: 70%;
	}
	.page .contact .tel .btn a {
		color: #FFF;
		padding: 1em 0;
	}
	.page .bn {
		margin: 1em auto;
		width: 92%;
	}
	.page .contact_2 {
		background-color: #009fff;
		border-radius: 10px;
		width: 92%;
		margin: 1em auto 0 auto;
	}
	/* おすすめ商品パーツ */
	.page .recommend_item .item {
		align-items: flex-start;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 1em auto 0 auto;
		width: 92%;
	}
	.page .recommend_item .item > div {
		background-image: url("/parts/contents/corporation_service/item_bg.png");
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 150%;
		border: solid 1px #afafaf;
		margin: 0.3em 0;
		position: relative;
		width: 49%;
	}
	.page .recommend_item .item h4 {
		color: var(--page-dark-blue);
		font-size: 0.8em;
		margin: 0.5em 0 0 0;
		padding: 0 0.25em;
		text-align: center;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.page .recommend_item .item .size {
		align-items: center;
		background-color: var(--page-dark-blue);
		border-radius: 50%;
		color: #FFF;
		display: flex;
		font-size: 0.85em;
		font-weight: bold;
		height: 4em;
		justify-content: center;
		left: 0.5em;
		line-height: 1.15;
		position: absolute;
		text-align: center;
		top: 2em;
		width: 4em;
	}
	.page .recommend_item .item .photo {
		margin: 0 auto;
		width: 70%;
	}
	.page .recommend_item .item .photo img {
		vertical-align: bottom;
		width: auto;
		height: 7em;

	}
	.page .recommend_item .item .comment {
		color: var(--page-dark-blue);
		font-size: 0.6em;
		font-weight: bold;
		line-height: 1.4;
		margin: 0.5em auto 0 auto;
		text-align: center;
		width: 90%;
	}
	.page .recommend_item .item .spec {
		font-size: 0.6em;
		line-height: 1.4;
		list-style-type: none;
		margin: 0.5em auto;
		padding: 0;
		width: 90%;
	}
	.page .recommend_item .item .spec li {
		display: inline;
	}
	.page .recommend_item .item .spec li::after {
		content: "｜";
	}
	.page .recommend_item .item .spec li:last-of-type::after {
		content: "";
	}
	.page .recommend_item .item .func {
		color: #FFF;
		display: flex;
		flex-wrap: wrap;
		font-size: 0.6em;
		font-weight: bold;
		justify-content: space-between;
		line-height: 1;
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		width: 90%;
	}
	.page .recommend_item .item .func li {
		background-color: var(--page-dark-blue);
		text-align: center;
		padding: 0.15em 0;
		width: 32%;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.page .recommend_item .item .price {
		align-items: center;
		background-color: #f3f3f3;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 0.7em;
		padding: 0.3em 0.8em;
	}
	.page .recommend_item .item .price .regular {
		font-size: 0.85em;
		font-weight: bold;
		text-align: center;
		width: 100%;
	}
	.page .recommend_item .item .status {
		border: solid 1px var(--page-red);
		display: flex;
		font-size: 0.7em;
		font-weight: bold;
		line-height: 1;
		padding: 0.25em 0.25em;
	}
	.page .recommend_item .item .status.used {
		background-color: #FFF;
		color: var(--page-red);
	}
	.page .recommend_item .item .status.new {
		background-color: var(--page-red);
		color: #FFF;
	}
	.page .recommend_item .item .price .value {
		color: var(--page-red);
		font-size: 1.15em;
		font-weight: bold;
	}
	.page .recommend_item .item .price .value span {
		font-size: 0.75em;
		padding-left: 0.1em;
	}
	.page .recommend_item .item .price .value span::after {
		content: "（税込）";
		font-size: 0.65em;
		font-weight: normal;
		color: var(--page-black);
	}
	.page .recommend_item .item .link {
		background-color: var(--page-black);
		transition: background-color 0.3s 0s ease;
	}
	.page .recommend_item .item .link:hover {
		background-color: #414141;
	}
	.page .recommend_item .item .link a {
		color: #FFF;
		display: block;
		font-size: 0.85em;
		padding: 0.35em 0;
		text-align: center;
		text-decoration: none;
		width: 100%;
	}
}