@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap');

.m-plus-rounded-1c-regular {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.m-plus-rounded-1c-medium {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.m-plus-rounded-1c-bold {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.m-plus-rounded-1c-extrabold {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 800;
	font-style: normal;
}

/*----------------------------
	lp
------------------------------*/
#container.lp {
	width: auto;
	overflow: visible;
}
.lp .sp {
	display: none;
}
.lp .inner {
	margin: 0 auto;
	width: 750px;
}
.lp p {
	margin-top: 0;
}
.lp a {
	transition: opacity 0.3s ease-out;
}
.lp a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.lp img {
	width: 100%;
	height: auto;
}
.lp sup {
	font-size: 80%;
}
.lp .fwB {
	font-weight: bold;
}
a:focus-visible {
	outline: #3683BF solid 2px;
	outline-offset: 1px;
}
@media (max-width: 767px) {
	.lp {
		font-size: 2.667vw;
	}
	.lp .sp {
		display: block;
	}
	.lp .pc {
		display: none;
	}
	.lp .inner {
		width: 100%;
	}
}
/* スクリーンリーダー用 */
.srOnly {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}


/*----------------------------
	タブ
------------------------------*/
.tab {
	width: 100%;
	padding: 30px 30px 0;
	margin: 0 auto;
}
div[role="tablist"] {
	display: flex;
	justify-content: space-between;
}
button[role="tab"] {
	width: 48.550725%;
	border-radius: 15px 15px 0 0;
	font-size: 23px;
	font-weight: bold;
	padding: 10px 0;
	min-height: 90px;
	border: none;
	cursor: pointer;
	transition: opacity 0.3s ease-out;
}
@media (max-width: 767px) {
	.tab {
		padding: 4vw 4vw 0;
	}
	button[role="tab"] {
		border-radius: 2vw 2vw 0 0;
		font-size: 3.067vw;
		padding: 1.333vw 0;
		min-height: 12vw;
	}
}

button#tabA[role="tab"][aria-selected="true"] {
	background: #bf0007;
	color: #fff;
	cursor: default;
}
button#tabA[role="tab"][aria-selected="false"] {
	background: #ffe8e9;
	background: linear-gradient(to bottom, #ffe8e9 0%, #ffe8e9 calc(100% - 5px), #fff calc(100% - 5px), #fff 100%);
	color: #bf0007;
}
button#tabA[role="tab"][aria-selected="false"]:hover {
	opacity: 0.7;
}
button#tabB[role="tab"][aria-selected="true"] {
	background: #8a6f1b;
	color: #fff;
	cursor: default;
}
button#tabB[role="tab"][aria-selected="false"] {
	background: #fcf3e9;
	background: linear-gradient(to bottom, #fcf3e9 0%, #fcf3e9 calc(100% - 5px), #fff calc(100% - 5px), #fff 100%);
	color: #8a6f1b;
}
button#tabB[role="tab"][aria-selected="false"]:hover {
	opacity: 0.7;
}
button[role="tab"] span {
	font-size: 23px;
	font-weight: bold;
	display: inline-block;
}
@media (max-width: 767px) {
	button#tabA[role="tab"][aria-selected="false"] {
		background: linear-gradient(to bottom, #ffe8e9 0%, #ffe8e9 calc(100% - 0.667vw), #fff calc(100% - 0.667vw), #fff 100%);
	}
	button#tabB[role="tab"][aria-selected="false"] {
		background: linear-gradient(to bottom, #fcf3e9 0%, #fcf3e9 calc(100% - 0.667vw), #fff calc(100% - 0.667vw), #fff 100%);
	}
	button[role="tab"] span {
		font-size: 3.067vw;;
	}
}
/* キーボード操作時のみフォーカスを表示 */
button[role="tab"]:focus {
	outline: none;
	box-shadow: none;
}
/* キーボード操作時（:focus-visible）のフォーカススタイル */
button[role="tab"]:focus-visible {
	outline: 2px solid #0066cc;
	outline-offset: 2px;
}
/* Firefox専用: キーボード操作時のフォーカス表示 */
@-moz-document url-prefix() {
	button[role="tab"]:focus:not(:focus-visible) {
		outline: none !important;
		box-shadow: none !important;
	}
	button[role="tab"]:focus-visible {
		outline: 2px solid #0066cc !important;
		outline-offset: 2px !important;
	}
	button[role="tab"]::-moz-focus-inner {
		border: 0;
	}
}

/* 中身 */
div#panelA[role="tabpanel"] {
	border: 3px solid #bf0007;
	background-color: #fff;
	border-radius: 0 15px 15px 15px;
	padding: 70px 0 100px;
}
div#panelB[role="tabpanel"] {
	border: 3px solid #8a6f1b;
	background-color: #fff;
	border-radius: 15px 0 15px 15px;
	padding: 43px 0 100px;
}
@media (max-width: 767px) {
	div#panelA[role="tabpanel"] {
		border: 0.4vw solid #bf0007;
		border-radius: 0 2vw 2vw 2vw;
		padding: 9.333vw 0 13.333vw;
	}
	div#panelB[role="tabpanel"] {
		border: 0.4vw solid #8a6f1b;
		border-radius: 2vw 0 2vw 2vw;
		padding: 5.733vw 0 13.333vw;
	}
}


div[role="tabpanel"] .pointList {
	width: 91.22807%;
	margin: 80px auto 0;
}
div[role="tabpanel"] .pointList li {
	position: relative;
	padding: 0 20px;
}
div[role="tabpanel"] .pointList li + li {
	margin-top: 50px;
}
@media (max-width: 767px) {
	div[role="tabpanel"] .pointList {
		margin: 10.667vw auto 0;
	}
	div[role="tabpanel"] .pointList li {
		padding: 0 2.667vw;
	}
	div[role="tabpanel"] .pointList li + li {
		margin-top: 6.667vw;
	}
}

div[role="tabpanel"] .pointList li .txt01 {
	width: 98%;
	margin: 0 auto;
}
div[role="tabpanel"] .pointList li .txt01 span {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.2;
}
div[role="tabpanel"] .pointList li .txt01 span.lineBlock {
	background: #fff;
	display: inline-block;
	padding: 5px 5px 4px 50px;
	width: 100%;
	position: relative;
}
div[role="tabpanel"] .pointList li .txt01 span.lineBlock::before {
	content: '';
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 54px;
	height: 46px;
	background: url('/card/gt/shinjyuku/img/card_check.png') no-repeat center center / cover;
}
div[role="tabpanel"] .pointList li .txt01 span.lineBlock:nth-child(2)::before {
	content: none;
}
div[role="tabpanel"] .pointList li .txt02 {
	font-size: 16px;
	line-height: 1.7;
	margin-top: 15px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
	font-style: normal;
}
div[role="tabpanel"] .pointList li .txtNote {
	font-size: 16px;
	line-height: 1.7;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
	font-style: normal;
}
div[role="tabpanel"] .pointList li .txtRed {
	color: #bf0007;
}
div[role="tabpanel"] .pointList li .txtGold {
	color: #8a6f1b;
}
@media (max-width: 767px) {
	div[role="tabpanel"] .pointList li .txt01 span {
		font-size: 3.733vw;
	}
	div[role="tabpanel"] .pointList li .txt01 span.lineBlock {
		padding: 0.782vw 0.667vw 0.522vw 6.667vw;
	}
	div[role="tabpanel"] .pointList li .txt01 span.lineBlock::before {
		bottom: 0.667vw;
		left: 0.667vw;
		width: 7.2vw;
		height: 6.133vw;
	}
	div[role="tabpanel"] .pointList li .txt02 {
		font-size: 2.133vw;
		margin-top: 2vw;
	}
	div[role="tabpanel"] .pointList li .txtNote {
		font-size: 2.133vw;
	}
}

/* #panelA */
div#panelA h2 {
	width: 80.847953%;
	margin: 0 auto;
}
div#panelA .cardImg {
	margin: 50px auto 0;
	text-align: center;
	position: relative;
}
div#panelA .cardImg img {
	width: 63.304094%;
}
div#panelA .cardImg::before {
	content: '';
	position: absolute;
	top: 36px;
	left: 21px;
	width: 43px;
	height: 78px;
	background: url('/card/gt/shinjyuku/img/card_icon.png') no-repeat center center / cover;
}
@media (max-width: 767px) {
	div#panelA .cardImg {
		margin: 6.667vw auto 0;
	}
	div#panelA .cardImg::before {
		top: 4.8vw;
		left: 2.8vw;
		width: 5.733vw;
		height: 10.4vw;
	}
}

div#panelA .pointList li .txt01 span.lineBlock:nth-child(2) {
	margin-top: 5px;
	background: linear-gradient(to right, transparent 0%, transparent 35px, #fff 35px, #fff 100%);
}
div#panelA .pointList li:nth-child(1) {
	background: url('/card/gt/shinjyuku/img/card_bg01.png') no-repeat center center / 100% 100%;
	min-height: 283px;
	padding-top: 82px;
}
div#panelA .pointList li:nth-child(1) .txt01 {
	width: 100%;
}
div#panelA .pointList li:nth-child(2) {
	background: url('/card/gt/shinjyuku/img/card_bg02.png') no-repeat center center / 100% 100%;
	min-height: 312px;
	padding-top: 52px;
}
div#panelA .pointList li:nth-child(2) .txt02 {
	margin-top: 10px;
}
div#panelA .pointList li:nth-child(2) .txt01 span.lineBlock {
	padding-left: 75px;
}
div#panelA .pointList li:nth-child(3) {
	background: url('/card/gt/shinjyuku/img/card_bg03.png') no-repeat center center / 100% 100%;
	min-height: 281px;
	padding-top: 58px;
}
div#panelA .pointList li:nth-child(3) .txt01 span.lineBlock {
	text-align: center;
}
@media (max-width: 767px) {
	div#panelA .pointList li .txt01 span.lineBlock:nth-child(2) {
		margin-top: 0.667vw;
		background: linear-gradient(to right, transparent 0%, transparent 4.667vw, #fff 4.667vw, #fff 100%);
	}
	div#panelA .pointList li:nth-child(1) {
		min-height: 37.679vw;
		padding-top: 10.667vw;
	}
	div#panelA .pointList li:nth-child(2) {
		min-height: 41.591vw;
		padding-top: 6.933vw;
	}
	div#panelA .pointList li:nth-child(2) .txt02 {
		margin-top: 1.333vw;
	}
	div#panelA .pointList li:nth-child(2) .txt01 span.lineBlock {
		padding-left: 10vw;
	}
	div#panelA .pointList li:nth-child(3) {
		min-height: 37.419vw;
		padding-top: 7.467vw;
	}
}

/* #panelB */
div#panelB h2 {
	width: 92.836257%;
	margin: 0 auto;
}
div#panelB .cardImg {
	margin: 59px auto 0;
	text-align: center;
	position: relative;
}
div#panelB .cardImg img {
	width: 58.479532%;
}
div#panelB .cardImg::before {
	content: '';
	position: absolute;
	top: 27px;
	left: 21px;
	width: 43px;
	height: 78px;
	background: url('/card/gt/shinjyuku/img/gold_icon.png') no-repeat center center / cover;
}
@media (max-width: 767px) {
	div#panelB .cardImg {
		margin: 7.867vw auto 0;
	}
	div#panelB .cardImg::before {
		top: 3.6vw;
		left: 2.8vw;
		width: 5.733vw;
		height: 10.4vw;
	}
}

div#panelB .pointList li .txt01 span.lineBlock::before {
	background: url('/card/gt/shinjyuku/img/gold_check.png') no-repeat center center / cover;
}
div#panelB .pointList li:nth-child(1) {
	background: url('/card/gt/shinjyuku/img/gold_bg01.png') no-repeat center center / 100% 100%;
	min-height: 291px;
	padding-top: 76px;
}
div#panelB .pointList li:nth-child(1) .txt01 {
	width: 85%;
}
div#panelB .pointList li:nth-child(1) .txt01 span.lineBlock {
	padding-left: 80px;
}
div#panelB .pointList li:nth-child(1) .txt01 span.lineBlock:nth-child(2) {
	margin-top: 5px;
	background: linear-gradient(to right, transparent 0%, transparent 60px, #fff 60px, #fff 100%);
}
div#panelB .pointList li:nth-child(2) {
	background: url('/card/gt/shinjyuku/img/gold_bg02.png') no-repeat center center / 100% 100%;
	min-height: 253px;
	padding-top: 68px;
}
div#panelB .pointList li:nth-child(2) .txt01 {
	width: 90%;
}
div#panelB .pointList li:nth-child(2) .txt01 span.lineBlock {
	text-align: center;
	padding-right: 15px;
}
div#panelB .pointList li:nth-child(2) .txt02 {
	margin-top: 20px;
}
div#panelB .pointList li:nth-child(3) {
	width: 104%;
	margin-left: -2%;
	background: url('/card/gt/shinjyuku/img/gold_bg03.png') no-repeat center center / 100% 100%;
	min-height: 285px;
	padding-top: 48px;
}
div#panelB .pointList li:nth-child(3) .txt01 {
	width: 100%;
}
div#panelB .pointList li:nth-child(3) .txt01 span.lineBlock {
	text-align: center;
	padding-right: 15px;
}
div#panelB .pointList li:nth-child(3) .txt02 {
	width: 97%;
	margin: 20px auto 0;
}
@media (max-width: 767px) {
	div#panelB .pointList li:nth-child(1) {
		min-height: 38.853vw;
		padding-top: 10.133vw;
	}
	div#panelB .pointList li:nth-child(1) .txt01 span.lineBlock {
		padding-left: 10.667vw;
	}
	div#panelB .pointList li:nth-child(1) .txt01 span.lineBlock:nth-child(2) {
		margin-top: 0.667vw;
		background: linear-gradient(to right, transparent 0%, transparent 8vw, #fff 8vw, #fff 100%);
	}
	div#panelB .pointList li:nth-child(2) {
		min-height: 33.768vw;
		padding-top: 9.333vw;
	}
	div#panelB .pointList li:nth-child(2) .txt01 span.lineBlock {
		padding-right: 2vw;
	}
	div#panelB .pointList li:nth-child(2) .txt02 {
		margin-top: 2.667vw;
	}
	div#panelB .pointList li:nth-child(3) {
		min-height: 38.07vw;
		padding-top: 6.4vw;
	}
	div#panelB .pointList li:nth-child(3) .txt01 span.lineBlock {
		padding-right: 2vw;
	}
	div#panelB .pointList li:nth-child(3) .txt02 {
		margin: 2.667vw auto 0;
	}
}

/*----------------------------
	moreBtn
------------------------------*/
.lp .moreBtn {
	width: 73.830409%;
	margin: 55px auto 0;
}
.lp .moreBtn a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 10px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	padding: 0;
	min-height: 90px;
	background: #e50012;
	color: #fff;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	transition: background 0.3s ease, transform 0.3s ease;
}
.lp .moreBtn a:hover {
	transform: translateY(5px);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
}
.lp .moreBtn a::before,
.lp .moreBtn a::after {
	content: "";
	position: absolute;
	width: 28px;
	height: 4px;
	border-radius: 4px;
	background: #fff;
	right: 25px;
}
.lp .moreBtn a::before {
	transform: rotate(38deg);
	top: calc(46% - 8px);
}
.lp .moreBtn a::after {
	transform: rotate(-38deg);
	top: calc(46% + 8px);
}
@media (max-width: 767px) {
	.lp .moreBtn {
		margin: 7.333vw auto 0;
	}
	.lp .moreBtn a {
		border-radius: 1.333vw;
		font-size: 4.267vw;
		min-height: 12vw;
		box-shadow: 0.667vw 0.667vw 0.667vw rgba(0, 0, 0, 0.3);
	}
	.lp .moreBtn a:hover {
		transform: translateY(0.667vw);
	}
	.lp .moreBtn a::before,
	.lp .moreBtn a::after {
		width: 3.733vw;
		height: 0.533vw;
		border-radius: 0.533vw;
		right: 3.333vw;
	}
	.lp .moreBtn a::before {
		top: calc(46% - 1.067vw);
	}
	.lp .moreBtn a::after {
		top: calc(46% + 1.067vw);
	}
}

.lp .cautionTxt {
	width: 80%;
	margin: 80px auto 0;
	font-size: 17px;
}
@media (max-width: 767px) {
	.lp .cautionTxt {
		margin: 10.667vw auto 0;
		font-size: 2.267vw;
	}
}