@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Libre+Baskerville:wght@400;700&family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");



* {margin:0; padding:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, img, small,
strong, dl, dt, dd, ol, ul, li, form, label, table, caption, tr, th, td, article, aside, 
footer, header, nav, section, audio, video {font-size:100%; vertical-align:baseline; border:0; outline:0; background:transparent;}
article, aside, footer, header, nav, section, a, label {display:block;}
html, body {width:100%; height:100%;}
html {font-size:10px; overflow-y:scroll;}
body {color:#1A1A1A; font-size:1.2rem; font-weight:400; font-family:"Lato", "Noto Sans JP", sans-serif; letter-spacing:0.1em; background:linear-gradient(to right, #184F7E, #2B8CDF 50%, #184F7E);}
h1, h2, h3, h4, h5 {font-weight:normal;}
video, iframe {vertical-align:top;}
ol, ul {list-style:none;}
img {width:100%; height:auto; vertical-align:top;}
a {color:#FFF; text-decoration:none;}
body.fixed {position:fixed;}
.mincho {font-family:"Libre Baskerville", "Noto Serif JP", serif !important;}


@media screen and (min-width:1024px) {
	body {font-size:1.4rem;}
	a span {transition:all 0.3s ease-in-out;}
	a:hover span {opacity:0.3;}
}



/* input, select, textarea */
input, select, textarea, button {
	font-family:"Lato", "Noto Sans JP", sans-serif;
	letter-spacing:0.1em;
	outline:none;
	vertical-align:top;
	border:1px solid #D3DCE5;
	border-radius:0;
	box-sizing:border-box;
	-webkit-appearance:none;
}



/* input */
input {
	width:100%;
	height:48px;
}

input::-webkit-input-placeholder {color:#A3A3A3;}
input::-moz-placeholder {color:#A3A3A3;}
input:-ms-input-placeholder {color:#A3A3A3;}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="url"]:focus {border:1px solid #0088FF;}

input[type="submit"],
input[type="button"] {
	color:#FFF;
	border:0;
	border-radius:4px;
	cursor:pointer;
	background:transparent;
}

input[type="submit"]:hover,
input[type="button"]:hover {border:1px solid #0088FF;}

input[type="checkbox"] {
	width:14px;
	height:14px;
	margin-right:4px;
	cursor:pointer;
	-webkit-appearance:checkbox;
}


@media screen and (min-width:1024px) {
	input {height:40px;}

	input[type="submit"],
	input[type="button"] {transition:all 0.3s ease-in-out;}

	input[type="submit"]:hover,
	input[type="button"]:hover {
		border:0;
		opacity:0.3;
	}
}



/* select */
select {
	width:100%;
	height:48px;
	padding:0 89px 0 32px;
	color:#FFF;
	border:0;
	border-radius:24px;
	cursor:pointer;
	background:url("../images/select.svg") right 26px center / 10px 10px no-repeat, url("../images/select_line.svg") right 57px center / 1px 48px no-repeat, #005CB8;
}


@media screen and (min-width:1024px) {
	select {height:40px;}
}



/* textarea */
textarea {
	width:100%;
	height:100px;
	resize:vertical;
}

textarea::-webkit-input-placeholder {color:#B8B8B8;}
textarea::-moz-placeholder {color:#B8B8B8;}
textarea:-ms-input-placeholder {color:#B8B8B8;}
textarea:focus {border:1px solid #0088FF;}



/* logo */
.logo {
	padding:24px 0;
	text-align:center;
}

.logo img {
	width:auto;
	height:24px;
}


@media screen and (min-width:1024px) {
	.logo {padding:40px 0;}

	.logo img {height:46px;}
}



/* container */
#container {background:url("../images/benefits/bg.gif") left top / 50% repeat;}



/* contents */
.contents {padding:40px 16px;}


@media screen and (min-width:1024px) {
	.contents {
		width:1024px;
		margin:0 auto;
		padding:80px 0;
	}
}



/* guidelines */
#guidelines {background:#FFF;}

#guidelines .contents h2 {
	padding:1px;
	color:#FFF;
	border:1px solid #3A93CF;
}

#guidelines .contents h2 span {
	padding:16px 0;
	display:block;
	background:#3A93CF;
}

#guidelines .contents h2 span span {
	padding:0;
	font-weight:700;
	text-align:center;
	text-decoration:underline;
}

#guidelines .contents h2 span span:nth-of-type(1) {
	font-size:1.6rem;
	background:transparent;
}

#guidelines .contents h2 span span:nth-of-type(2) {background:transparent;}

#guidelines .contents .image {margin:40px 0;}

#guidelines .contents p:nth-of-type(1),
#guidelines .contents p:nth-of-type(2) {
	font-weight:700;
	text-decoration:underline;
}

#guidelines .contents p:nth-of-type(2) {color:#F00;}


@media screen and (min-width:1024px) {
	#guidelines .image {margin:80px 0;}

	#guidelines .contents h2 {
		width:640px;
		margin:0 auto;
	}

	#guidelines .contents h2 span {padding:24px 0;}

	#guidelines .contents h2 span span:nth-of-type(1) {font-size:3.2rem;}

	#guidelines .contents h2 span span:nth-of-type(2) {font-size:2rem;}

	#guidelines .contents p {
		font-size:1.6rem;
		text-align:center;
	}
}



/* quickpush */
#quickpush {padding-top:40px;}

#quickpush h2 {
	color:#3A93CF;
	font-size:1.6rem;
	font-weight:700;
	text-align:center;
	text-decoration:underline;
}


@media screen and (min-width:1024px) {
	#quickpush {padding-top:80px;}

	#quickpush h2 {font-size:3.2rem;}
}



/* quickpush_02, 04, 06 */
.quickpush_02,
.quickpush_04,
.quickpush_06 {background:#FFF;}



/* relative */
.relative h3 {
	width:100%;
	position:relative;
	overflow:hidden;
}



/* quickpush_01 */
.quickpush_01 h3 img:nth-of-type(1),
.quickpush_01 h3 img:nth-of-type(2) {
	top:0;
	left:0;
	position:absolute;
}

.quickpush_01 h3 img:nth-of-type(1) {z-index:2;}
.quickpush_01 h3 img:nth-of-type(2) {z-index:1;}



/* quickpush_02 */
.quickpush_02 h3 img:nth-of-type(1),
.quickpush_02 h3 img:nth-of-type(2) {
	top:0;
	left:0;
	position:absolute;
}

.quickpush_02 h3 img:nth-of-type(1) {z-index:2;}
.quickpush_02 h3 img:nth-of-type(2) {z-index:1;}



/* quickpush_03 */
.quickpush_03 h3 img:nth-of-type(1),
.quickpush_03 h3 img:nth-of-type(2) {
	top:0;
	left:0;
	position:absolute;
}

.quickpush_03 h3 img:nth-of-type(1) {z-index:2;}
.quickpush_03 h3 img:nth-of-type(2) {z-index:1;}



/* quickpush_04 */
.quickpush_04 h3 img:nth-of-type(1),
.quickpush_04 h3 img:nth-of-type(2) {
	top:0;
	left:0;
	position:absolute;
}

.quickpush_04 h3 img:nth-of-type(1) {z-index:2;}
.quickpush_04 h3 img:nth-of-type(2) {z-index:1;}



/* quickpush_05 */
.quickpush_05 h3 img:nth-of-type(1),
.quickpush_05 h3 img:nth-of-type(2) {
	top:0;
	left:0;
	position:absolute;
}

.quickpush_05 h3 img:nth-of-type(1) {z-index:2;}
.quickpush_05 h3 img:nth-of-type(2) {z-index:1;}

.quickpush_05_text {margin-top:16px;}

.quickpush_05_text p:nth-of-type(1) {
	padding:16px 0;
	color:#FFF;
	font-size:1.6rem;
	font-weight:700;
	text-align:center;
	text-decoration:underline;
	background:#F22B48;
}

.quickpush_05_text p:nth-of-type(2) {
	margin-top:8px;
	font-weight:700;
	text-align:center;
}


@media screen and (min-width:1024px) {
	.quickpush_05_text {margin-top:24px;}

	.quickpush_05_text p:nth-of-type(1) {font-size:3.2rem;}
}



/* manual */
#manual {
	padding:40px 0;
	background:#FFF;
}

#manual h2 {
	color:#3A93CF;
	font-size:1.6rem;
	font-weight:700;
	text-align:center;
	text-decoration:underline;
}


@media screen and (min-width:1024px) {
	#manual {padding:80px 0;}

	#manual h2 {font-size:3.2rem;}
}



/* qr_code */
.qr_code ul {
	display:flex;
	flex-wrap:wrap;
}

.qr_code ul li {
	width:calc(33.3% - 4px);
	margin-right:6px;
	text-align:center;
}

.qr_code ul li:nth-of-type(3n) {margin-right:0;}

.qr_code ul li p {font-weight:700;}

.qr_code ul li p:nth-of-type(1) {
	height:24px;
	font-size:1rem;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

.qr_code ul li p:nth-of-type(1) span {
	width:100%;
	height:10px;
	line-height:10px;
}

.qr_code ul li p:nth-of-type(1) span:nth-of-type(2) {margin-top:4px;}

.qr_code ul li p:nth-of-type(2) {
	margin:8px 0;
	border:1px solid #CCC;
	background:#FFF;
}

.qr_code ul li .btn {
	text-align:center;
	border-radius:8px;
	overflow:hidden;
	background:#1A1A1A;
}

.qr_code ul li .btn a {
	height:48px;
	color:#FFF;
	font-weight:500;
	line-height:48px;
}


@media screen and (min-width:1024px) {
	.qr_code ul li {
		width:calc(33.3% - 20px);
		margin-right:30px;
	}

	.qr_code ul li p:nth-of-type(1) {
		height:40px;
		font-size:1.6rem;
	}

	.qr_code ul li p:nth-of-type(1) span {
		height:16px;
		line-height:16px;
	}

	.qr_code ul li p:nth-of-type(1) span:nth-of-type(2) {margin-top:8px;}

	.qr_code ul li p:nth-of-type(2) {margin:16px 0;}

	.qr_code ul li .btn a {
		height:40px;
		line-height:40px;
	}
}



/* procedure */
.procedure_pc {display:none;}

.procedure .btn_area {
	display:flex;
	justify-content:space-between;
}

.procedure .btn_area p {
	width:calc(50% - 4px);
	padding:1px;
	font-size:1.4rem;
	font-weight:700;
	border:1px solid #3A93CF;
	box-sizing:border-box;
}

.procedure .btn_area p span {
	color:#FFF;
	text-align:center;
	display:block;
	background:#3A93CF;
}

.procedure .btn_area p a {padding:14px 0;}

.procedure .btn_area p a.tab_active {opacity:0.3;}

.procedure .tab_inner:last-of-type {display:none;}

#tab_contents {margin-top:24px;}


@media screen and (min-width:1024px) {
	.procedure_sp {display:none;}
	.procedure_pc {display:block;}

	.procedure .btn_area p {
		width:calc(50% - 12px);
		font-size:1.6rem;
		font-weight:500;
	}

	.procedure .btn_area p span {padding:14px 0;}

	.procedure_contents {
		margin-top:24px;
		display:flex;
		justify-content:space-between;
	}

	.procedure_image {width:calc(50% - 12px);}
}



/* footer */
#footer {padding:24px 0 104px;}


@media screen and (min-width:1024px) {
	#footer {padding:40px 0 136px;}
}



/* copyright */
.copyright {text-align:center;}

.copyright a {
	color:#FFF;
	display:inline-block;
	transition:none;
}

.copyright a:hover {opacity:1;}



/* btn_area */
#btn_area {
	width:100%;
	bottom:0;
	left:0;
	position:fixed;
	z-index:9999999999;
	background:#1A1A1A;
}

#btn_area ul {
	padding:16px 8px;
	display:flex;
	justify-content:space-between;
}

#btn_area ul li {width:calc(50% - 4px);}

#btn_area ul li a {
	height:48px;
	font-weight:700;
	line-height:48px;
	text-align:center;
	border-radius:8px;
}

#btn_area ul li:first-of-type a {
	background:-webkit-linear-gradient(to bottom left, #EB5353, #AC3636);
	background:-moz-linear-gradient(to bottom left, #EB5353, #AC3636);
	background:linear-gradient(to bottom right, #EB5353, #AC3636);
}

#btn_area ul li:last-of-type a {background:#0080FF;}


@media screen and (min-width:1024px) {
	#btn_area ul {
		width:1024px;
		margin:0 auto;
		padding:24px 0;
	}

	#btn_area ul li {width:calc(50% - 8px);}

	#btn_area ul li a {font-weight:500;}
}



/* 20230531 追加 */
@media screen and (min-width:1024px) {
	.benefits_visa {
		padding-bottom:80px;
		text-align:center;
		background:#FFF;
	}

	.benefits_visa img {width:1024px !important;}
}



/* 20230628 追加 */
/* contact */
.contact {}

.contact dt {
	margin-top:16px;
	display:flex;
	align-items:center;
}

.contact dt:first-of-type {margin-top:0;}

.contact dt span {
	height:18px;
	line-height:18px;
}

.contact dt span:last-of-type {
	margin-left:4px;
	padding:0 8px;
	color:#F00;
	font-size:84%;
	border:1px solid #F00;
	display:inline-block;
	background:rgba(255,255,255,0.7);
	box-sizing:border-box;
}

.contact dd {margin-top:8px;}

.submit_btn {
	margin-top:24px;
	text-align:center;
	border-radius:8px;
	background:#0080FF;
}

.submit_btn input[type="submit"] {
	height:48px;
	font-weight:700;
}

.error {
	margin-bottom:24px;
	padding:16px;
	color:#F00;
	border:1px solid #F00;
	background-color:#FFE5E5;
	box-sizing:border-box;
}


@media screen and (min-width:1024px) {
	.contact dt {margin-top:24px;}

	.contact dt span {
		height:20px;
		line-height:20px;
	}

	.contact dt span:last-of-type {
		margin-left:8px;
		font-size:86%;
	}

	.submit_btn {
		width:50%;
		margin:40px auto 0;
	}

	.contact_finish {text-align:center;}
}



/* contact_btn */
.contact_btn {
	margin-bottom:24px;
	text-align:center;
}

.contact_btn a {display:inline-block;}