@charset "UTF-8";

@media screen and (min-width: 768px),
print {

.seo_bread_list {
	margin-bottom: 70px !important;
}

.p-select__bread {
	position: relative;
	width: min(100%,1200px);
	margin-inline: auto;
}

.p-select__bread::after {
	position: absolute;
	content: "";
	background: #B5AB9A;
	width: 30px;
	height: 1px;
	bottom: 0;
	left: 0;
}

.p-select__bread .seo_bread_list {
	color: #8B8B8B;
	border-bottom: 1px solid #D3D3D3;
	position: relative;
}

.p-select__bread .seo_bread_list span {
	color: #8B8B8B;
}

main {
	width: 100% !important;
}

.main-box {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 229px 0 202px;
	background: url(../images/select/main-bg01.png) no-repeat center top;
}

.main-box .ttl {
	width: min(95%,1158px);
	margin-inline: auto;
	font-size: 107px;
	line-height: 1.6;
	letter-spacing: 0.15em;
	color: #fff;
	font-weight: 700;
}

.p-mv {
	margin-bottom: 63px;
}

.p-mv .p-mv__ttl {
	display: grid;
	gap: 13px 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 25px;
	place-items: center;
}

.p-mv .p-mv__ttl span.ja {
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.4;
}

.p-mv .p-mv__ttl span.en {
	font-size: 59px;
	font-weight: 500;
	letter-spacing: 0.15em;
	line-height: 1.2033898305;
}

.p-mv .p-mv__txt {
	margin-inline: auto;
	width: min(85%, 860px);
}

.p-mv .p-mv__txt p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 1.6;
	margin-bottom: 16px;
}

.p-mv .p-mv__txt p.bottom {
	margin-bottom: 0;
}

.p-semicustom {
	background: #EDE8DE;
	margin-bottom: 70px;
	padding-block: 100px 80px;
}

.p-semicustom .l-inner.l-semicustom {
	margin-inline: auto;
	width: min(95%, 1100px);
}

.p-semicustom .p-semicustom__items {
	display: grid;
	gap: 0 60px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: -24px;
}

.p-semicustom .p-semicustom__item {
	background: #fff;
	padding: 28px 35px 33px;
	position: relative;
}

.p-semicustom .p-semicustom__item:nth-child(1)::after {
	background: url(../images/select/plus.svg) no-repeat center center/contain;
	content: "";
	height: 84px;
	position: absolute;
	right: -72px;
	top: 50%;
	transform: translateY(-50%);
	width: 84px;
	z-index: 10;
}

.p-semicustom .p-semicustom__item h2 {
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.1944444444;
	margin-bottom: 25px;
	text-align: center;
}

.p-semicustom .p-semicustom__item div.img {
	margin-bottom: 24px;
}

.p-semicustom .p-semicustom__item div.img img {
	height: auto;
	width: 100%;
}

.p-semicustom .p-semicustom__item ul {
	margin-left: 18px; 
  list-style-type: disc;
  list-style-position: outside;
}

.p-semicustom .p-semicustom__item ul li {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 1.875;
}

.p-semicustom .p-semicustom__arrow {
	margin-bottom: 22px;
	text-align: center;
}

.p-semicustom .p-semicustom__bottom {
	background: #fff;
	border: 2px solid #5A3809;
	padding-block: 50px 58px;
}

.p-semicustom .p-semicustom__bottom div.en {
	text-align: center;
	margin-bottom: 13px;
}

.p-semicustom .p-semicustom__bottom div.img {
	margin-bottom: 29px;
	margin-inline: auto;
	width: min(95%, 740px);
}

.p-semicustom .p-semicustom__bottom div.img img {
	height: auto;
	width: 100%;
}

.p-semicustom .p-semicustom__bottom h2 {
	font-size: 50px;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.2;
	margin-bottom: 16px;
	text-align: center;
}

.p-semicustom .p-semicustom__bottom h3 {
	font-size: 23px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.2173913043;
	margin-bottom: 28px;
	text-align: center;
}

.p-semicustom .p-semicustom__list {
	margin-inline: auto;
	width: min(95%, 740px);
}

.p-semicustom .p-semicustom__list li {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 2.2222222222;
	padding-left: 40px;
	position: relative;
}

.p-semicustom .p-semicustom__list li:before {
	background: url(../images/select/check.svg) no-repeat center center/contain;
	content: "";
	height: 27px;
	left: 0;
	position: absolute;
	top: 8px;
	width: 30px;
}

.p-semicustom .p-semicustom__list li span {
	border-bottom: 2px solid #EBA227;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0em;
	line-height: 2.2222222222;
	padding-bottom: 4px;
}

.p-best {
	margin-bottom: 70px;
}

.p-best .l-inner.l-best {
	background: #EDE8DE;
	margin-inline: auto;
	padding-block: 70px 64px;
	width: min(95%, 1100px);
}

.p-best .p-best__ttl {
	font-size: 38px;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.2105263158;
	margin-bottom: 62px;
	margin-inline: auto;
	padding-inline: 36px;
	position: relative;
	text-align: center;
	width: -moz-fit-content;
	width: fit-content;
}

.p-best .p-best__ttl:before {
	background: url(../images/select/line.svg) no-repeat center center/contain;
	bottom: 0;
	content: "";
	height: 48px;
	left: 0;
	position: absolute;
	width: 26px;
}

.p-best .p-best__ttl::after {
	background: url(../images/select/line.svg) no-repeat center center/contain;
	bottom: 0;
	content: "";
	height: 48px;
	position: absolute;
	right: 0;
	transform: scale(-1, 1);
	width: 26px;
}

.p-best .p-best__items {
	display: grid;
	gap: 0 13px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding-inline: 50px;
}

.p-best .p-best__item {
	background: #fff;
	display: grid;
	grid-row: span 2;
	grid-template-rows: subgrid;
	grid-template-rows: 1fr 1fr;
	padding-block: 51px 17px;
}

.p-best .p-best__item div.icon {
	margin-bottom: 5px;
	text-align: center;
}

.p-best .p-best__item p {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.7777777778;
	text-align: center;
}

.p-point {
	background: #F9F8F5;
	margin-bottom: 111px;
	padding-block: 60px 89px;
}

.p-point .p-point__en {
	margin-bottom: 16px;
	text-align: center;
}

.p-point .p-point__ttl {
	font-size: 38px;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.2105263158;
	margin-bottom: 45px;
	text-align: center;
}

.p-point .p-point__items {
	display: grid;
	gap: 0 80px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-inline: auto;
	width: min(90%, 954px);
}

.p-point .p-point__item {
	margin-bottom: 8px;
	text-align: center;
}

.p-point .p-point__item div.num {
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.2;
	margin-bottom: 8px;
}

.p-point .p-point__item div.img {
	margin-bottom: 9px;
}

.p-point .p-point__item h3 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.25;
	text-align: center;
}

.p-select .l-inner.l-select {
	margin-inline: auto;
	width: min(95%, 1100px);
}

.p-select .system-list {
	display: grid;
	gap: 60px 55px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.p-select .system-list li {
	display: grid;
	grid-row: span 2;
	grid-template-rows: auto 1fr;
}

.p-select .system-list li a {
	display: inherit;
	grid-row: inherit;
	grid-template-rows: inherit;
}

.p-select .system-pic {
	aspect-ratio: 330/219;
}

.p-select .system-pic img {
	width: 100%;
	height: 100%;
}

.p-select .system-bottom {
	background: #5A3809;
	padding: 19px 30px 37px;
}

.p-select .system-ttl {
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2.15;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.p-select .system-price {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 21px;
	margin-bottom: 8px;
}

.p-select .system-price p {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.7777777778;
}

.p-select .system-price p.left {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.2857142857;
}

.p-select .system-txt {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.4285714286;
}

/*詳細ページ*/
#select .system-contents {
	width: min(90%,1200px);
	margin-inline: auto;
	margin: 0 auto;
	margin-bottom: 30px;
}

#select .system-contents .system-ttl {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 30px;
	padding-bottom: 25px;
	border-bottom: 1px #ccc solid;
}

#select .system-contents .system-i-pic {
	margin-bottom: 20px;
	text-align: center;
}

#select .system-contents .system-i-pic img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 900px;
}

#select .sub-title.abril {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "NotoSansCJKjp", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#select .system-top {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 21px;
	margin-bottom: 80px;
}

#select .system-price {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 21px;
	border-bottom: 1px solid #000;
}

#select .system-price p {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.7777777778;
}

#select .system-price p.left {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.2857142857;
}

#select .system-madori {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.2857142857;
	border-bottom: 1px solid #000;
}

#select .system-txt {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.4285714286;
	margin-bottom: 24px;
}

/* .sy-recommend .system-list {
	width: min(90%,1200px);
	margin-inline: auto;
	display: grid;
	gap: 60px 55px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sy-recommend  .system-list li {
	display: grid;
	grid-row: span 2;
	grid-template-rows: auto 1fr;
}

.sy-recommend  .system-list li a {
	display: inherit;
	grid-row: inherit;
	grid-template-rows: inherit;
}

.sy-recommend .system-pic {
	aspect-ratio: 330/219;
}

.sy-recommend .system-pic img {
	width: 100%;
	height: 100%;
}

.sy-recommend .system-bottom {
	background: #5A3809;
	padding: 19px 30px 37px;
}

.sy-recommend .system-ttl {
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2.15;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.sy-recommend .system-price {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 21px;
	margin-bottom: 8px;
}

.sy-recommend .system-price p {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.7777777778;
}

.sy-recommend .system-price p.left {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.2857142857;
}

.sy-recommend .system-txt {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.4285714286;
} */


}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1000px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1000px) {
.p-point .p-point__item div.img img {
	width: 100%;
	height: auto;        
}
}

@media screen and (max-width: 767px) {
.seo_bread_list {
	margin-bottom: 11.594vw;
}

.main-box {
	width: 100%;
	margin: -6vw 0 auto;
	padding: 29.092vw 0 6.773vw;
	background: url(../images/select/main-bg01-sp.png) no-repeat top center / cover;
	margin-bottom: 10.353vw;
}

.main-box .ttl {
	padding-left: 10.87vw;
	font-size: 9.903vw;
	line-height: 1.6;
	letter-spacing: 0.15em;
	color: #fff;
	font-weight: 700;
}

.p-mv {
	margin-bottom: 5.797vw;
}

.p-mv .p-mv__ttl {
	display: grid;
	gap: 3.522vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 6.039vw;
	place-items: center;
}

.p-mv .p-mv__ttl span.ja {
	font-size: 7.971vw;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.2121212121;
}

.p-mv .p-mv__ttl span.en {
	font-size: 11.836vw;
	font-weight: 500;
	letter-spacing: 0.15em;
	line-height: 1.2040816327;
}

.p-mv .p-mv__txt {
	margin-inline: auto;
	width: min(95%, 94.2vw);
}

.p-mv .p-mv__txt p {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 1.6;
	margin-bottom: 3.865vw;
}

.p-mv .p-mv__txt p.bottom {
	margin-bottom: 0;
}

.p-semicustom {
	background: #EDE8DE;
	margin-bottom: 7.246vw;
	padding-block: 17.391vw 9.662vw;
}

.p-semicustom .l-inner.l-semicustom {
	margin-inline: auto;
	width: min(95%, 94.2vw);
}

.p-semicustom .p-semicustom__items {
	display: grid;
	gap: 19.324vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 3.865vw;
}

.p-semicustom .p-semicustom__item:nth-child(1)::after {
	background: url(../images/select/plus.svg) no-repeat center center/contain;
	bottom: -15.043vw;
	content: "";
	height: 13.043vw;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 13.043vw;
	z-index: 10;
}

.p-semicustom .p-semicustom__item {
	background: #fff;
	padding: 6.763vw 6.039vw 9.87vw;
	position: relative;
}

.p-semicustom .p-semicustom__item h2 {
	font-size: 8.696vw;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.1944444444;
	margin-bottom: 7.005vw;
	text-align: center;
}

.p-semicustom .p-semicustom__item div.img {
	margin-bottom: 3.314vw;
}

.p-semicustom .p-semicustom__item div.img img {
	height: auto;
	width: 100%;
}

.p-semicustom .p-semicustom__item ul {
	margin-left: 4vw; 
	list-style-type: disc;
	list-style-position: outside;
}

.p-semicustom .p-semicustom__item ul li {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 1.875;
}

.p-semicustom .p-semicustom__arrow {
	margin-bottom: 3.865vw;
	text-align: center;
}

.p-semicustom .p-semicustom__bottom {
	background: #fff;
	border: 0.4vw solid #5A3809;
	padding-block: 7.2vw 7.2vw;
}

.p-semicustom .p-semicustom__bottom div.en {
	text-align: center;
	margin-bottom: 4vw;
}

.p-semicustom .p-semicustom__bottom div.en img {
	width: 37vw;
}

.p-semicustom .p-semicustom__bottom div.img {
	margin-bottom: 2.831vw;
	margin-inline: auto;
	width: min(95%, 82.1vw);
}

.p-semicustom .p-semicustom__bottom div.img img {
	height: auto;
	width: 100%;
}

.p-semicustom .p-semicustom__bottom h2 {
	font-size: 8.454vw;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.2;
	margin-bottom: 1.865vw;
	text-align: center;
}

.p-semicustom .p-semicustom__bottom h3 {
	font-size: 4.348vw;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin-bottom: 3.589vw;
	text-align: center;
}

.p-semicustom .p-semicustom__list {
	margin-inline: auto;
	width: min(95%, 82.1vw);
	display: grid;
	grid-template-columns: repeat(1,minmax(0, 1fr));
	gap: 2vw 0;
}

.p-semicustom .p-semicustom__list li {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 1.8;
	padding-left: 7.971vw;
	position: relative;
}

.p-semicustom .p-semicustom__list li:before {
	background: url(../images/select/check.svg) no-repeat center center/contain;
	content: "";
	height: 6.522vw;
	left: 0;
	position: absolute;
	top: 0.966vw;
	width: 7.246vw;
}

.p-best {
	margin-bottom: 9.662vw;
}

.p-best .l-inner.l-best {
	background: #EDE8DE;
	margin-inline: auto;
	padding-block: 10.145vw 9.662vw;
	width: min(95%, 86.9vw);
}

.p-best .p-best__ttl {
	font-size: 6.522vw;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.3333333333;
	margin-bottom: 6.454vw;
	margin-inline: auto;
	padding-inline: 8.348vw;
	position: relative;
	text-align: center;
	width: -moz-fit-content;
	width: fit-content;
}

.p-best .p-best__ttl:before {
	background: url(../images/select/line.svg) no-repeat center center/contain;
	bottom: 0;
	content: "";
	height: 11.594vw;
	left: 0;
	position: absolute;
	width: 6.28vw;
}

.p-best .p-best__ttl::after {
	background: url(../images/select/line.svg) no-repeat center center/contain;
	bottom: 0;
	content: "";
	height: 11.594vw;
	position: absolute;
	right: 0;
	transform: scale(-1, 1);
	width: 6.28vw;
}

.p-best .p-best__items {
	display: grid;
	gap: 4.106vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 9.662vw;
}

.p-best .p-best__item {
	background: #fff;
	padding-block: 12.319vw 8vw;
	width: 70.048vw;
	margin-inline: auto;
}

.p-best .p-best__item div.icon {
	margin-bottom: 5.971vw;
	text-align: center;
}

.p-best .p-best__item p {
	font-size: 4.348vw;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.7777777778;
	text-align: center;
}

.p-point {
	background: #F9F8F5;
	margin-bottom: 14.493vw;
	padding-block: 11.246vw 11.251vw;
}

.p-point .p-point__en {
	text-align: center;
	margin-bottom: 3vw;
}

.p-point .p-point__ttl {
	font-size: 7.246vw;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.5333333333;
	margin-bottom: 6.662vw;
	text-align: center;
}

.p-point .p-point__items {
	display: grid;
	gap: 6.836vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	width: 100%;
}

.p-point .p-point__item {
	margin-bottom: 1.932vw;
	text-align: center;
}

.p-point .p-point__item div.num {
	font-size: 9.662vw;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.2;
	margin-bottom: 0.932vw;
}

.p-point .p-point__item div.img {
	margin-bottom: 3.865vw;
}

.p-point .p-point__item div.img img {
	height: auto;
	width: 64.734vw;
}

.p-point .p-point__item h3 {
	font-size: 5.797vw;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.25;
	text-align: center;
}

.p-select .l-inner.l-select {
	margin-inline: auto;
	width: min(95%, 79.7101449275vw);
}

.p-select .system-list {
	display: grid;
	gap: 9.662vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}



.p-select .system-pic {
	aspect-ratio: 330/219;
}

.p-select .system-pic img {
	width: 100%;
	height: 100%;
}

.p-select .system-bottom {
	background: #5A3809;
	padding: 4.729vw 7.246vw 7.937vw;
}

.p-select .system-ttl {
	border-bottom: 0.2vw solid #fff;
	color: #fff;
	font-size: 4.831vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2.15;
	margin-bottom: 2.623vw;
	padding-bottom: 1.623vw;
	text-align: center;
}

.p-select .system-price {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 5.072vw;
	margin-bottom: 0.382vw;
}

.p-select .system-price p {
	color: #fff;
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.7777777778;
}

.p-select .system-price p.left {
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.2857142857;
}

.p-select .system-txt {
	color: #fff;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.4285714286;
}

.p-semicustom .p-semicustom__list li:before {
	background: url(../images/select/check.svg) no-repeat center center/contain;
	content: "";
	height: 6.522vw;
	left: 0;
	position: absolute;
	top: 0vw;
	width: 7.246vw;
}

.p-semicustom .p-semicustom__list li span {
	border-bottom: 0.4vw solid #EBA227;
	font-size: 3.865vw;
	font-weight: 700;
	letter-spacing: 0em;
	line-height: 1.8;
	padding-bottom: 0.483vw;
}

/*詳細ページ*/
#select .system-contents .system-ttl {
	font-size: 4.348vw;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 4vw;
	padding-bottom: 3vw;
	border-bottom: 1px #ccc solid;
}

#select .system-contents .system-i-pic {
	margin-bottom: 4.831vw;
	text-align: center;
}

#select .system-contents .system-i-pic img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 217.391vw;
}

#select .sub-title.abril {
	font-size: 5.797vw;
	font-weight: 700;
	letter-spacing: 0.483vw;
	text-transform: uppercase;
	text-align: center;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}

#select .system-top {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 5.072vw;
	margin-bottom: 8vw;
}

#select .system-price {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 5.072vw;
	border-bottom: 0.2vw solid #000;
}

#select .system-price p {
	font-size: 3.8647vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.7777777778;
}

#select .system-price p.left {
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.2857142857;
}

#select .system-madori {
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.2857142857;
	border-bottom: 0.2vw solid #000;
}

#select .system-txt {
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.4285714286;
	margin-bottom: 5vw;
}

/* .sy-recommend {
	width: min(95%,330px);
	margin-inline: auto;
}

.sy-recommend .system-list {
	display: grid;
	gap: 9.662vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.sy-recommend  .system-list li {
	display: grid;
	grid-row: span 2;
	grid-template-rows: auto 1fr;
}

.sy-recommend  .system-list li a {
	display: inherit;
	grid-row: inherit;
	grid-template-rows: inherit;
}

.sy-recommend .system-pic {
	aspect-ratio: 330/219;
}

.sy-recommend .system-pic img {
	width: 100%;
	height: 100%;
}

.sy-recommend .system-bottom {
	background: #5A3809;
	padding: 4.729vw 7.246vw 7.937vw;
}

.sy-recommend .system-ttl {
	border-bottom: 0.2vw solid #fff;
	color: #fff;
	font-size: 3.8647vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2.15;
	margin-bottom: 2.623vw;
	padding-bottom: 1.623vw;
	text-align: center;
}

.sy-recommend .system-price {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 5.072vw;
	margin-bottom: 0.382vw;
}

.sy-recommend .system-price p {
	color: #fff;
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.7777777778;
}

.sy-recommend .system-price p.left {
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.2857142857;
}

.sy-recommend .system-txt {
	color: #fff;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.4285714286;
}

 */

}