@charset "UTF-8";

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-y: scroll;
	font-size: 62.5%;
}

body {
	font-family: "noto-sans-cjk-jp", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "verdana", sans-serif;
	width: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-size: 1.6rem;
	line-height: 1.4;
	color: #000;
	background-color: #fff800;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	position: relative;
}

a {
	text-decoration: none;
	transition: all .2s ease-out;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
	opacity: 0.7;
}

a:focus-visible {
	outline: 1px dashed #000 !important;
}

div:focus-visible {
	outline: 1px dashed #000 !important;
}

ol,
ul,
li {
	list-style: none;
	padding: 0;
}

.List-indent1 {
	text-indent: -1em;
	padding-left: 1em;
}

.List-indent2 {
	text-indent: -2em;
	padding-left: 2em;
}

.font_normal {
	font-style: normal !important;
}

._pc {
	display: block;
}

.s ._pc {
	display: none;
}

._sp {
	display: none;
}

.s ._sp {
	display: inline-block;
}


/* ================================
        Header
================================ */
.Header {
	position: relative;
}

.Header-logo {
	position: absolute;
	top: 8px;
	left: 18px;
	width: calc(172vw/14.4);
	max-width: 172px;
	z-index: 99;
}

.s .Header-logo {
	top: 10px;
	width: 78px;
}

/* Common
------------------------------------------------------------ */

/* ================================
        Title
================================ */
h2 {
	font-size: 6.4rem;
	font-weight: bold;
	font-style: italic;
	display: inline-block;
	position: relative;
	margin: 0 auto;
	padding-bottom: 5px;
}

.s h2 {
	font-size: 4rem;
}

h2::after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	background: linear-gradient(to right, #fff, #fff 70%, transparent);
	width: 100%;
	height: 6px;
	display: block;
	z-index: 1;
}

h3 {
	text-align: center;
}

.l h3 {
	font-size: 3.1rem;
	letter-spacing: -1.3px;
}

h3 span {
	display: inline-block;
	background-color: #fff800;
	border-radius: 50px;
	padding: 6px 32px 6px 28px;
	font-size: 4rem;
	font-weight: bold;
	font-style: italic;
	color: #140200;
	letter-spacing: -1.3px;
}

.s h3 span {
	font-size: 2.4rem;
}

h3._upper {
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
}

.s h3._upper {
	top: -22px;
}

.s h3._upper._linebreak {
	top: -40px;
	line-height: 1.2;
}


h4 {
	font-size: 2.4rem;
	font-weight: bold;
	background-color: #6e6c6c;
	padding: 10px 15px;
	color: #fff;
	margin-bottom: 10px;
	position: relative;
}

.s h4 {
	font-size: 1.6rem;
	padding: 6px 15px;
}

h4._red {
	background-color: #e60039;
}

h4._mediumfont {
	font-weight: 500;
	text-align: center;
}



/* ================================
        Layout
================================ */
.Center {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 1140px;
	position: relative;
	text-align: center;
}

.s .Center {
	padding-left: 15px;
	padding-right: 15px;
}

.Section {
	position: relative
}

.Section::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 120px;
	background-color: #fff800;
	transform: skewY(-2deg);
	transform-origin: bottom right;
	z-index: 2;
}

.s .Section::after {
	height: 70px;
	transform: skewY(-4deg);
}

.Accordion-title {
	font-size: 2.4rem;
	font-weight: bold;
	background-color: #6e6c6c;
	color: #fff;
	position: relative;
	padding: 18px 15px;
	margin-top: 35px;
	text-align: center;
}

.s .Accordion-title {
	font-size: 1.6rem;
	padding: 18px 15px;
	margin-top: 20px;
}

.Accordion-title::after {
	border-right: solid 2px #fff;
	border-top: solid 2px #fff;
	content: "";
	display: block;
	position: absolute;
	right: 100px;
	top: 40%;
	transform: rotate(-45deg);
	transition: transform .3s ease-in-out, top .3s ease-in-out;
	height: 8px;
	width: 8px;
}

.s .Accordion-title::after {
	border-right: solid 1px #fff;
	border-top: solid 1px #fff;
	right: 30px;
}

.Accordion-title.open::after {
	top: 45%;
	transform: rotate(135deg);
}

.Accordion-content {
	/* display: none; */
	background-color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 30px;
	text-align: left;
}

.s .Accordion-content {
	font-size: 1.6rem;
	padding: 15px 12px;
}

.Accordion-content p {
	border-bottom: 1px solid #6e6c6c;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.s .Accordion-content p {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.s .Accordion-content div {
	letter-spacing: -1px;
}

.Accordion-content ul {
	padding-bottom: 20px;
}

.s .Accordion-content ul {
	padding-bottom: 14px;
}

.Accordion-content ul:nth-last-child(1) {
	padding-bottom: 0;
}

.Accordion-content ul li {
	font-size: 1.6rem;
	font-weight: 500;
	padding-bottom: 0;
	text-indent: -2em;
	padding-left: 2em;
	letter-spacing: -0.9px;
}

.s .Accordion-content ul li {
	font-size: 1.4rem;
}

.Gray-box {
	position: relative;
	width: 100%;
	background-color: #e5e5e5;
	color: #140200;
	padding: 76px 60px 60px 60px;
	margin-top: 120px;
	font-size: 1.6rem;
	text-align: left;
	font-weight: 500;
}

.s .Gray-box {
	padding: 40px 15px 30px 15px;
	margin-top: 58px;
	font-size: 1.6rem;

}

.White-box {
	background-color: #fff;
	color: #140200;
	padding: 30px 20px;
	font-weight: 500;
}

.s .White-box {
	padding: 15px 10px;
}

.Gray-subtitle {
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	position: relative;
}

.s .Gray-subtitle {
	font-size: 2rem;
}

.Gray-subtitle ._mail {
	position: relative;
}

.Gray-subtitle ._mail::before {
	content: "";
	display: inline;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -60px;
	margin: auto;
	width: 41px;
	height: 32px;
	display: block;
	background-image: url(../img/img-mail.png);
	background-size: 41px 32px;
	background-repeat: no-repeat;
}

.s .Gray-subtitle ._mail::before {
	left: -30px;
	width: 26px;
	height: 21px;
	background-size: 26px 21px;
}

.Common-dot-list {
	font-size: 2rem;
	font-weight: 500;
	text-align: left;
	letter-spacing: -1.3px;
	text-indent: -1em;
	padding-left: 1em;
}

.s .Common-dot-list {
	font-size: 1.6rem;
}

.Common-dot-list li {
	padding-bottom: 3px;
}

.s .Common-dot-list li {
	padding-bottom: 5px;
}

.Common-dot-list li:nth-last-child(1) {
	padding-bottom: 0;
}

.Common-dot-list._red {
	color: #e60039;
	text-indent: 0;
	padding-left: 0;
}

.Notice-rule-area .Common-dot-list {
	font-size: 1.8rem;
}

.s .Notice-rule-area .Common-dot-list {
	font-size: 1.6rem;
}

.Common-note-list {
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.6;
}

.s .Common-note-list {
	font-size: 1.5rem;
	line-height: 1.4;
}

.Common-note-list li {
	padding-bottom: 2px;
}

.s .Common-note-list li {
	padding-bottom: 5px;
}

.Common-note-list li:nth-last-child(1) {
	padding-bottom: 0;
}

.Common-note-list._dot {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.7;
}

.Common-note-list._dot li {
	padding-bottom: 5px;
}

.Common-rule-list {
	font-size: 1.8rem;
	font-weight: 500;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
}

.s .Common-rule-list {
	font-size: 1.6rem;
}

.Text-underline {
	text-decoration: underline;
}

/* ================================
        Link
================================ */
.Link-btn {
	padding: 0 12px;
	max-width: 320px;
	width: 100%;
	margin: 0 auto;
}

.s .Link-btn {
	padding: 0 24px;
}

.Link-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #fff800;
	color: #140200;
	width: 100%;
	margin: 0 auto;
	cursor: pointer;
	box-shadow: 0px 5px 16px -5px rgba(0, 0, 0, 0.3);
	transition: .3s;
	font-size: 2rem;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	padding: 16px 20px 16px 10px;
	letter-spacing: -1.4px;
}

.s .Link-btn a {
	height: auto;
	padding: 16px 10px 16px 10px;
	font-size: 1.8rem;
}

.Link-btn a:hover {
	text-decoration: none;
}

.Link-btn a:after {
	content: "";
	width: 6px;
	height: 6px;
	border: 0;
	border-top: 2px solid #140200;
	border-right: 2px solid #140200;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: calc(8vw / 7.69);
}

.s .Link-btn a:after {
	border-top: 1px solid #140200;
	border-right: 1px solid #140200;
	right: 25px;
}

.Link-btn._black {
	max-width: 410px;
}

.Link-btn._black a {
	background: #140200;
	color: #fff;
	width: 100%;
	letter-spacing: -1.6px;
}

.Link-btn a:after {
	content: "";
	width: 6px;
	height: 6px;
	border: 0;
	border-top: 2px solid #140200;
	border-right: 2px solid #140200;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: calc(12vw / 7.69);
}

.Link-btn._black a:after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.s .Link-btn._black a:after {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.Link-text-area {
	text-align: center;
}

.Link-text {
	color: #6e6c6c;
	display: inline;
	cursor: pointer;
	transition: .2s;
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 2px solid #6e6c6c;
	position: relative;
	padding-right: 30px;
}

.Link-text {
	font-size: 1.8rem;
	padding-right: 30px;
}

.s .Link-text {
	padding-right: 20px;
}

.Link-text:hover {
	border-bottom: none;
	text-decoration: none;
	opacity: 1;
}

.Link-text::after {
	content: "";
	width: 6px;
	height: 6px;
	border: 0;
	border-top: 1px solid #6e6c6c;
	border-right: 1px solid #6e6c6c;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: calc(5vw / 7.69);
}

.s .Link-text::after {
	right: calc(5vw / 3.75);
}

/* Section
------------------------------------------------------------ */

/* ================================
        MV
================================ */
.Mv-area {
	background: url(../img/img-mv-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	height: calc(800vw / 14.4);
	max-height: 800px;
	border-bottom: 50px solid #fff800;
	z-index: 2;
	position: relative;

}

.s .Mv-area {
	height: 100%;
	max-height: 100%;
	border-bottom: none;
}

.Mv-area::before {
	position: absolute;
	content: '';
	left: 0;
	top: calc(-180vw / 25.6);
	width: 100%;
	height: calc(170vw / 25.6);
	background-color: #fff800;
	transform: skewY(-4deg);
	transform-origin: top right;
	z-index: -2;
}

.s .Mv-area::before {
	display: none;
}

.Mv-area::after {
	position: absolute;
	content: '';
	left: 0;
	top: calc(-25vw / 25.6);
	width: 100%;
	height: 60px;
	background-color: #000;
	transform: skewY(-4deg);
	transform-origin: top right;
	z-index: -1;
}

@media screen and (min-width:769px) and (max-width:980px) {
	.Mv-area::after {
		height: 50px;
	}
}

.s .Mv-area::after {
	display: none;
}

.Mv-image {
	max-width: 1440px;
	margin: 0 auto;
}

.Mv-heading {
	max-width: 358px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: calc(69vw/25.6);
}

.s .Mv-heading {
	display: none;
}



/* ================================
        Lead
================================ */
.Lead-area {
	background: url(../img/img-lead-bg.png);
	width: 100%;
	height: 386px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	padding: 0 20px;
}

.s .Lead-area {
	height: auto;
	padding: 50px 15px 60px;

}

.Lead-textarea {
	width: 100%;
	max-width: 908px;
}

.Lead-text {
	font-size: 3rem;
	font-style: italic;
	text-align: center;
	font-weight: 700;
	padding-bottom: 30px;
}

.s .Lead-text {
	font-size: 2rem;
	padding-bottom: 30px;
	line-height: 1.8;
}

.Lead-subtext {
	text-align: center;
}

.Lead-subtext ul {
	display: inline-block;
	text-align: left;
}

.s .Lead-subtext ul {
	font-size: 1.2rem;
}

/* .Lead-area ul{
	font-size: 1.4rem;
	font-weight:400;
}
.Lead-area ul li{
	text-indent: -1em;
  padding-left: 1em;
} */

/* ================================
        Pagelink
================================ */
.Pagelink-area {
	background: url(../img/img-pagelink-bg.png);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 140px 0 210px;
}

.s .Pagelink-area {
	padding: 50px 0 115px;
}

.Pagelink-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 -12px;
}

.l .Pagelink-list {
	justify-content: center;
	margin: 0 -8px;

}

.s .Pagelink-list {
	margin: 0 -7px;
}

.Pagelink-list li {
	padding: 0 12px;
	max-width: 260px;
	width: 100%;
	transition: .1s;
}

.l .Pagelink-list li {
	padding: 0 8px;
	max-width: 180px;
}

.s .Pagelink-list li {
	padding: 0 7px;
	width: 50%;
}

.s .Pagelink-list li:nth-of-type(1),
.s .Pagelink-list li:nth-of-type(2) {
	margin-bottom: 14px;
}

.Pagelink-area li a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #fff800;
	color: #140200;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	cursor: pointer;
	box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.6);
	transition: .3s;
	font-size: 2rem;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	padding-right: 5px;
}

.s .Pagelink-area li a {
	height: 60px;
	font-size: 1.8rem;
	padding-right: 5px;
}

.Pagelink-area li a::after {
	content: "";
	width: 6px;
	height: 6px;
	border: 0;
	border-top: 2px solid #140200;
	border-right: 2px solid #140200;
	transform: rotate(130deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: calc(8vw / 7.69);
}

.s .Pagelink-area li a::after {
	border-top: 1px solid #140200;
	border-right: 1px solid #140200;
	right: 15px;
}

/* ================================
        Product
================================ */
.Product-area {
	background: linear-gradient(135deg, rgba(29, 18, 17, 1) 0%, rgba(39, 36, 36, 1) 46%, rgba(40, 39, 39, 1) 50%, rgba(41, 40, 40, 1) 53%, rgba(39, 36, 36, 1) 83%, rgba(29, 18, 17, 1) 100%);
	position: relative;
	color: #fff;
	text-align: center;
	padding: 140px 0 210px;
}

.s .Product-area {
	background: linear-gradient(135deg, rgba(20, 2, 0, 1) 0%, rgba(41, 40, 40, 1) 46%, rgba(30, 20, 19, 1) 53%, rgba(41, 40, 40, 1) 83%, rgba(20, 2, 0, 1) 100%);
	padding: 82px 0 136px;
}

.Product-image {
	max-width: 442px;
	margin: 0 auto;
	padding-top: 50px;
}

.s .Product-image {
	padding: 40px 13px 0 13px;
}

.Product-content-box1 {
	width: 100%;
	background-color: #e5e5e5;
	color: #140200;
	padding: 126px 20px 60px 20px;
	margin-top: -8%
}

.s .Product-content-box1 {
	padding: 70px 12px 30px 12px;
	margin-top: calc(-70vw/7.68);
}

.Product-title {
	font-size: 3rem;
	font-weight: bold;
	font-style: italic;
}

.s .Product-title {
	font-size: 2.4rem;
	letter-spacing: -0.8px;
}

.Product-detail {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	padding: 30px 0;
}

.s .Product-detail {
	flex-direction: column;
	padding: 20px 0 33px;
}

.Product-detail p {
	max-width: 358px
}

.s .Product-detail p {
	padding: 0 20px;
	margin-bottom: 15px;
}

.Product-detailbox {
	max-width: 608px;
	background-color: #827f7f;
	padding: 24px;
	color: #fff;
	text-align: left;
	letter-spacing: -1.2px;
	margin-left: 20px;
	line-height: 1.6;
}

.s .Product-detailbox {
	font-size: 1.4rem;
	padding: 12px;
	margin-left: 0;
	letter-spacing: 0;
}

.Product-detailbox ul li {
	text-indent: -1em;
	padding-left: 1em;
}

/* ================================
        Need
================================ */
.Need-area {
	background: url(../img/img-sectionblue-bg-pc.png);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	color: #fff;
	padding: 140px 0 210px;
}

.s .Need-area {
	background: url(../img/img-sectionblue-bg-sp.png);
	background-position: center center;
	background-size: cover;
	padding: 75px 0 136px;
}

.Need-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 80px;
}

.s .Need-list {
	flex-direction: column;
	padding-top: 60px;
}

.Need-list li {
	max-width: 360px;
}

.s .Need-list li {
	padding-bottom: 24px;
}

.s .Need-list li:nth-last-child(1) {
	padding-bottom: 0;
}

/* ================================
        Apply
================================ */
.Apply-area {
	background: #140200;
	position: relative;
	color: #fff;
	padding: 140px 0 210px;
}

.s .Apply-area {
	padding: 75px 0 136px;
}

.Apply-table {
	padding-bottom: 30px;
	text-align: left;
}

.s .Apply-table {
	padding-bottom: 15px;
}

.Apply-table:nth-of-type(1) {
	margin-top: 80px;
}

.s .Apply-table:nth-of-type(1) {
	margin-top: 40px;
}

.Apply-table:nth-of-type(3) {
	margin-bottom: 120px;
}

.s .Apply-table:nth-of-type(3) {
	margin-bottom: 90px;
}

.Apply-table p {
	font-size: 2rem;
}

.s .Apply-table p {
	font-size: 1.6rem;
	letter-spacing: -1.3px;
}

.Apply-content-box {
	width: 100%;
	background-color: #e5e5e5;
	color: #140200;
	padding: 40px 60px 60px 60px;
	position: relative;
	z-index: 1;
	margin-bottom: 200px;
	text-align: left;
	font-weight: 500;
}

.s .Apply-content-box {
	padding: 25px 15px 30px 15px;
	margin-bottom: 136px;
}

.Apply-content-box:nth-last-child(1) {
	margin-bottom: 0;
}

.Apply-content-box::before {
	content: "";
	position: absolute;
	top: -70px;
	right: 0;
	left: 0;
	margin: auto;
	width: 225px;
	height: 180.5px;
	display: block;
	background-size: 225px 180.5px;
	background-repeat: no-repeat;
	z-index: -1;
}

.s .Apply-content-box::before {

	width: 145px;
	height: 116px;
	top: -49px;
	background-size: 145px 116px;

}

.Apply-content-box._step01::before {
	background-image: url(../img/img-apply-step01.png);
}

.Apply-content-box._step02::before {
	background-image: url(../img/img-apply-step02.png);
}

.Apply-content-box._step03::before {
	background-image: url(../img/img-apply-step03.png);
}

.Apply-content-box._step04::before {
	background-image: url(../img/img-apply-step04.png);
}

.Apply-content-box::after {
	content: "";
	position: absolute;
	bottom: -100px;
	right: 0;
	left: 0;
	margin: auto;
	width: 84px;
	height: 74px;
	display: block;
	background-image: url(../img/img-apply-arrow.png);
	background-size: 84px 74px;
	background-repeat: no-repeat;
	z-index: -1;
}

.s .Apply-content-box::after {
	bottom: -75px;
	width: 60px;
	height: 53px;
	background-size: 60px 53px;
}

.Apply-content-box:nth-last-child(1)::after {
	background-image: none;
}

.Apply-step01-image {
	max-width: 289px;
	margin: 0 auto;
	padding: 30px 0;
}

.s .Apply-step01-image {
	max-width: 160px;
	padding: 20px 0;
}

.Apply-step01-text {
	text-align: left;
	font-weight: 500;
	line-height: 1.4;
	padding-bottom: 32px;
	font-size: 1.8rem;
}

.s .Apply-step01-text {
	font-size: 1.6rem;
}


.Apply-step01-required {
	text-align: left;
}

.Apply-step01-required-list {
	font-size: 2.4rem;
	font-weight: bold;
	padding-bottom: 20px;
}

.s .Apply-step01-required-list {
	font-size: 1.6rem;
	padding-bottom: 15px;
}

.Apply-step01-example-area {
	font-weight: 500;
	margin-top: 20px;
	border: solid 1px #6e6c6c;
	padding: 20px;
}

.s .Apply-step01-example-area {
	font-weight: 500;
	margin-top: 20px;
	border: solid 1px #6e6c6c;
	padding: 15px;
}

.Apply-step01-example-area p {
	font-size: 1.8rem;
	font-weight: bold;
	padding-bottom: 6px;
}

.s .Apply-step01-example-area p {
	font-size: 1.6rem;
}

.s .Apply-step01-example-area ul {
	font-size: 1.4rem;
}

.Apply-step02-image {
	max-width: 424px;
	margin: 0 auto;
	padding-top: 30px;
}

.s .Apply-step02-image {
	max-width: 295px;
	padding-top: 20px;
}

.Apply-step03-box {
	border: 2px solid #6e6c6c;
	margin-top: 40px;
	padding: 30px
}

.s .Apply-step03-box {
	margin-top: 25px;
	padding: 20px 12px
}

.Apply-step03-text {
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
}

.s .Apply-step03-text {
	font-size: 1.6rem;
}

.Apply-step03-flowarea {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: center;
	padding-top: 42px;
}

.s .Apply-step03-flowarea {
	gap: 10px 0;
	flex-direction: column;
	padding-top: 15px;
}

.Apply-step03-flowarea-sp {
	display: flex;
	flex: 0 1 396px;
	gap: 20px;
}

.s .Apply-step03-flowarea-sp {
	flex: 0 1 auto;
	gap: 15px;
}

.Apply-step03-item1,
.Apply-step03-item2 {
	flex: 0 1 188px;
}

.s .Apply-step03-item1,
.s .Apply-step03-item2 {
	flex: 0 1 50%;
}

.Apply-step03-item-box {
	background-color: #6e6c6c;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	padding: 15px;
	text-align: left;
	transition: .1s;
}

.l .Apply-step03-item-box {
	font-size: 1.7rem;
}

@media screen and (min-width:769px) and (max-width:1032px) {
	.l .Apply-step03-item-box {
		height: 173px;
	}
}

.s .Apply-step03-item-box {
	font-size: 1.4rem;
	padding: 10px 10px;
	letter-spacing: -1.5px;
}

.Apply-step03-item3 {
	width: 37px;
}

.s .Apply-step03-item3 {
	width: 60px;
}

.Apply-step03-item4 {
	flex: 0 1 430px;
}

.s .Apply-step03-item4 {
	flex: 0 1 auto;
}

.Apply-step03-item4-image {
	max-width: 128px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 15px;
}

.s .Apply-step03-item4-image {
	max-width: 100px;
}

/* .Apply-step03-item4 ul {
	font-weight: normal;
}
.s .Apply-step03-item4 ul {
	font-size: 1.4rem;

} */


.Apply-step04-box {
	background-color: #fff;
	color: #140200;
	padding: 20px 20px 30px 20px;
	font-weight: 500;
}

.s .Apply-step04-box {
	padding: 15px 12px;
}

.Apply-step04-mail {
	font-size: 3rem;
	text-align: center;
}

.s .Apply-step04-mail {
	font-size: 2rem;
}

/* ================================
        Refund
================================ */
.Refund-area {
	background: url(../img/img-sectionblue-bg-pc.png);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	color: #fff;
	padding: 140px 0 210px;
}

.s .Refund-area {
	background: url(../img/img-sectionblue-bg-sp.png);
	background-size: cover;
	background-position: center center;
	padding: 75px 0 136px;
}

.Refund-box {
	position: relative;
	width: 100%;
	background-color: #e5e5e5;
	color: #140200;
	padding: 60px;
	margin-top: 100px;
	text-align: left;
	font-weight: 500;
}

.s .Refund-box {
	padding: 40px 15px 30px 15px;
	margin-top: 60px;
}

.Refund-text {
	text-align: left;
	font-size: 2rem;
}

.s .Refund-text {
	font-size: 1.6rem;
}

.Refund-howto-area {
	position: relative;
}

.Refund-howto-box {
	background-color: #fff;
	color: #140200;
	padding: 30px 20px;
	display: flex;
	justify-content: center;
}

.s .Refund-howto-box {
	padding: 15px 12px;
	flex-direction: column;
}

.Refund-howto-item {
	width: 50%;
	padding: 0 20px 40px 20px;
}

.s .Refund-howto-item {
	width: 100%;
	padding: 0 20px 20px 20px;
	margin-bottom: 20px;
}

.Refund-howto-item._left {
	border-right: 2px solid #6e6c6c;
}

.s .Refund-howto-item._left {
	border-right: none;
	border-bottom: 1px solid #6e6c6c;
}

.Refund-howto-item-area {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.Refund-howto-item-title {
	font-size: 3rem;
	font-weight: bold;
}

.l .Refund-howto-item-title {
	font-size: 2.4rem;
}

.s .Refund-howto-item-title {
	font-size: 1.6rem;
}

.Refund-howto-image1 {
	max-width: 384px;
}

.Refund-howto-image2 {
	max-width: 405px;
}

.Refund-howto-note {
	font-size: 1.4rem;
	position: absolute;
	bottom: 20px;
	right: 10px;
}

.s .Refund-howto-note {
	font-size: 1.2rem;
	bottom: 16px;
	right: 5px;
}



/* ================================
        Notice
================================ */
.Notice-area {
	background: #140200;
	position: relative;
	color: #fff;
	padding: 140px 0;
}

.s .Notice-area {
	background: #140200;
	position: relative;
	color: #fff;
	padding: 75px 0 136px;
}

.Notice-rule-area {
	padding: 20px 25px 20px 20px;
	background-color: #fff;
	height: 360px;
	overflow-y: scroll;
	margin-bottom: 40px;
	font-size: 1.8rem;
	line-height: 1.6;
}

.Notice-rule-area ._title {
	font-weight: bold;
}

.s .Notice-rule-area {
	padding: 15px 20px 15px 15px;
	font-size: 1.6rem;
	height: 290px;
	margin-bottom: 25px;
}

.Notice-rule-area a {
	word-break: break-all;
}



/* ================================
        Faq
================================ */
.Faq-area {
	background: url(../img/img-sectionblue-bg-pc.png);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	color: #fff;
	padding: 140px 0 120px;
}

.s .Faq-area {
	background: url(../img/img-sectionblue-bg-sp.png);
	padding: 75px 0 60px;
}

.Faq-table {
	margin-top: 30px;
	font-size: 1.8rem;
}

.s .Faq-table {
	margin-top: 15px;
	font-size: 1.6rem;
}

.Faq-table tr>* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}

.Faq-table th {
	font-weight: 500;
}

.s .Faq-table th {
	width: calc(73vw/3.75);
}

.s .Faq-table td span {
	text-indent: -0.5em;
	display: inline-block;
}

/* ================================
        PAGE TOP
================================ */
.ui-pagetop {
	position: fixed;
	z-index: 120;
	right: 50px;
}

.s .ui-pagetop {
	right: 0;
	bottom: 0;
}

.ui-pagetop a {
	display: block;
	width: 128px;
	height: 128px;
	background: url(../img/img-btn-top.png) no-repeat;
	background-size: 128px 128px;
}

.s .ui-pagetop a {
	width: 80.5px;
	height: 80.5px;
	background-size: 80.5px 80.5px;
}

.ui-pagetop a:hover {
	opacity: 1;
}