@charset "UTF-8";

/*********************************
*
*  Responsive CSS (new version)
*  add : 2017.07
*
**********************************/

/*********************************
*
*  reset
*
**********************************/
html {
	font-size: 16px;
	font-family: \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic ProN", \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, sans-serif;
	color: #444444;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.4em;
}

dd:not(:last-child) {
	margin-bottom: 20px;
}

img {
	border: none;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

a {
	color: #0066cc;
	background: transparent;
	text-decoration: underline;
}

a img:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)" !important;
	transition-duration: .5s;
}

ul,
ol {
	list-style: none;
}

.main-contents p {
	line-height: 1.6;
	margin-bottom: 20px;
}

.main-contents p:last-child {
	margin-bottom: 0;
}

strong {
	font-weight: bold;
}

strong.fw-normal {
	font-weight: normal;
}

/*********************************
*
*  common
*
**********************************/
.fw-bold {
	font-weight: bold;
}

.fw-normal {
	font-weight: normal;
}

.txt-left {
	text-align: left !important;
}

.txt-center {
	text-align: center !important;
}

.txt-right {
	text-align: right !important;
}

.valign-top {
	vertical-align: top;
}

.valign-middle {
	vertical-align: middle;
}

.valign-bottom {
	vertical-align: bottom;
}

.valign-baseline {
	vertical-align: baseline;
}

.box-center {
	margin-right: auto;
	margin-left: auto;
}

.w15 {
	width: 15% !important;
}

.w35 {
	width: 35% !important;
}

.w50 {
	width: 50% !important;
}

.w60 {
	width: 60% !important;
}

.w70 {
	width: 70% !important;
}

.w80 {
	width: 80% !important;
}

.w90 {
	width: 90% !important;
}

.w100 {
	width: 100% !important;
}

.m0 {
	margin: 0 !important;
}

.p0 {
	padding: 0 !important;
}

.mt0 {
	margin-top: 0px !important;
}

.mr0 {
	margin-right: 0px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.ml0 {
	margin-left: 0px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.ml5 {
	margin-left: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mr35 {
	margin-right: 35px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.ml35 {
	margin-left: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mr45 {
	margin-right: 45px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.ml45 {
	margin-left: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.mt55 {
	margin-top: 55px !important;
}

.mr55 {
	margin-right: 55px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.ml55 {
	margin-left: 55px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mr60 {
	margin-right: 60px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.ml60 {
	margin-left: 60px !important;
}

.mt65 {
	margin-top: 65px !important;
}

.mr65 {
	margin-right: 65px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.ml65 {
	margin-left: 65px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mr70 {
	margin-right: 70px !important;
}

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

.ml70 {
	margin-left: 70px !important;
}

.mt75 {
	margin-top: 75px !important;
}

.mr75 {
	margin-right: 75px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.ml75 {
	margin-left: 75px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mr80 {
	margin-right: 80px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.ml80 {
	margin-left: 80px !important;
}

.mt85 {
	margin-top: 85px !important;
}

.mr85 {
	margin-right: 85px !important;
}

.mb85 {
	margin-bottom: 85px !important;
}

.ml85 {
	margin-left: 85px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.mr90 {
	margin-right: 90px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.ml90 {
	margin-left: 90px !important;
}

.mt95 {
	margin-top: 95px !important;
}

.mr95 {
	margin-right: 95px !important;
}

.mb95 {
	margin-bottom: 95px !important;
}

.ml95 {
	margin-left: 95px !important;
}

.mt100 {
	margin-top: 100px !important;
}

.mr100 {
	margin-right: 100px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

.ml100 {
	margin-left: 100px !important;
}

.pt0 {
	padding-top: 0px !important;
}

.pr0 {
	padding-right: 0px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pl0 {
	padding-left: 0px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pr5 {
	padding-right: 5px !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pl5 {
	padding-left: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pl25 {
	padding-left: 25px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.pr35 {
	padding-right: 35px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.pl35 {
	padding-left: 35px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.pt45 {
	padding-top: 45px !important;
}

.pr45 {
	padding-right: 45px !important;
}

.pb45 {
	padding-bottom: 45px !important;
}

.pl45 {
	padding-left: 45px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pr50 {
	padding-right: 50px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pl50 {
	padding-left: 50px !important;
}

.pt55 {
	padding-top: 55px !important;
}

.pr55 {
	padding-right: 55px !important;
}

.pb55 {
	padding-bottom: 55px !important;
}

.pl55 {
	padding-left: 55px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pr60 {
	padding-right: 60px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pl60 {
	padding-left: 60px !important;
}

.pt65 {
	padding-top: 65px !important;
}

.pr65 {
	padding-right: 65px !important;
}

.pb65 {
	padding-bottom: 65px !important;
}

.pl65 {
	padding-left: 65px !important;
}

.pt70 {
	padding-top: 70px !important;
}

.pr70 {
	padding-right: 70px !important;
}

.pb70 {
	padding-bottom: 70px !important;
}

.pl70 {
	padding-left: 70px !important;
}

.pt75 {
	padding-top: 75px !important;
}

.pr75 {
	padding-right: 75px !important;
}

.pb75 {
	padding-bottom: 75px !important;
}

.pl75 {
	padding-left: 75px !important;
}

.pt80 {
	padding-top: 80px !important;
}

.pr80 {
	padding-right: 80px !important;
}

.pb80 {
	padding-bottom: 80px !important;
}

.pl80 {
	padding-left: 80px !important;
}

.pt85 {
	padding-top: 85px !important;
}

.pr85 {
	padding-right: 85px !important;
}

.pb85 {
	padding-bottom: 85px !important;
}

.pl85 {
	padding-left: 85px !important;
}

.pt90 {
	padding-top: 90px !important;
}

.pr90 {
	padding-right: 90px !important;
}

.pb90 {
	padding-bottom: 90px !important;
}

.pl90 {
	padding-left: 90px !important;
}

.pt95 {
	padding-top: 95px !important;
}

.pr95 {
	padding-right: 95px !important;
}

.pb95 {
	padding-bottom: 95px !important;
}

.pl95 {
	padding-left: 95px !important;
}

.pt100 {
	padding-top: 100px !important;
}

.pr100 {
	padding-right: 100px !important;
}

.pb100 {
	padding-bottom: 100px !important;
}

.pl100 {
	padding-left: 100px !important;
}

span.fs75 {
	font-size: 75%;
}

strong.fs75 {
	font-size: 75%;
}

p.fs75 {
	font-size: 75%;
}

span.fs85 {
	font-size: 85%;
}

strong.fs85 {
	font-size: 85%;
}

p.fs85 {
	font-size: 85%;
}

span.fs100 {
	font-size: 100%;
}

strong.fs100 {
	font-size: 100%;
}

p.fs100 {
	font-size: 100%;
}

span.fs125 {
	font-size: 125%;
}

strong.fs125 {
	font-size: 125%;
}

p.fs125 {
	font-size: 125%;
}

span.fs150 {
	font-size: 150%;
}

strong.fs150 {
	font-size: 150%;
}

p.fs150 {
	font-size: 150%;
}

span.fs175 {
	font-size: 175%;
}

strong.fs175 {
	font-size: 175%;
}

p.fs175 {
	font-size: 175%;
}

span.fs200 {
	font-size: 200%;
}

strong.fs200 {
	font-size: 200%;
}

p.fs200 {
	font-size: 200%;
}

span.fs225 {
	font-size: 225%;
}

strong.fs225 {
	font-size: 225%;
}

p.fs225 {
	font-size: 225%;
}

span.fs250 {
	font-size: 250%;
}

strong.fs250 {
	font-size: 250%;
}

p.fs250 {
	font-size: 250%;
}

span.fs275 {
	font-size: 275%;
}

strong.fs275 {
	font-size: 275%;
}

p.fs275 {
	font-size: 275%;
}

span.fs300 {
	font-size: 300%;
}

strong.fs300 {
	font-size: 300%;
}

p.fs300 {
	font-size: 300%;
}

.inline {
	display: inline;
}

.block {
	display: block;
}

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

.float-l {
	float: left;
}

.float-r {
	float: right;
}

.clear:after,
.rsp-frame:after {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

img.icon {
	vertical-align: middle;
	margin-left: 3px;
}

img.faq_icon {
	margin-right: 10px;
	vertical-align: middle;
}

.red {
	color: #ee1d23;
}

.redi {
	color: #ee1d23 !important;
}

.pc_none,
span.pc_none,
.pc_none.text,
.pc_none.text-link {
	display: none !important;
}

.sp_none {
	display: block;
}

span.sp_none,
img.sp_none,
.sp_none.text,
.sp_none.text-link {
	display: inline-block;
}

@media only screen and (max-width:767px) {

	.sp_none,
	span.sp_none,
	.sp_none.text,
	.sp_none.text-link {
		display: none !important;
	}

	.pc_none {
		display: block !important;
	}

	span.pc_none,
	img.pc_none,
	.pc_none.text,
	.pc_none.text-link {
		display: inline-block !important;
	}
}

/*********************************
*
*  frame
*
**********************************/
.rsp-frame {
	display: block;
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}

@media only screen and (max-width:1035px) {
	.rsp-frame .rsp-contents {
		margin-right: 10px;
		margin-left: 10px;
	}

	.main-contents .rsp-contents {
		padding-bottom:
	}
}

.main-contents .rsp-contents {
	padding-top: 30px;
	padding-bottom: 30px;
}

.main-contents {
	position: relative;
}

@media only screen and (max-width:1000px) {
	.main-contents .rsp-contents {
		padding-bottom: 80px;
	}
}

/*********************************
*
*  btn-1col
*
**********************************/
.btn-1col {
	text-align: left;
}

.btn-1col a {
	width: 90%;
	max-width: 300px;
	margin: 0 auto;
	padding: 1.0rem 1.8rem 0.8rem;
	font-size: 100%;
	font-weight: bold;
	border: solid 2px #cccccc;
	box-shadow: 0 4px 0 0 #cccccc;
	border-radius: 10px;
	display: inline-block;
	box-sizing: border-box;
	text-align: left;
	color: #444444;
	text-decoration: none;
	text-align: center;
	position: relative;
	background-size: 11px 15px;
}

.btn-1col a:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 37%;
	left: 4%;
	border-left: 8px solid #cccccc;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

.btn-1col a img {
	vertical-align: middle;
	padding: 0 3%;
}

.btn-1col a:active,
.btn-1col a:hover,
.btn-1col a:active,
.btn-1col a:hover {
	top: 2px;
	box-shadow: 0 2px 0 0 #cccccc;
}

/*********************************
*
*  btn-4col
*
**********************************/
.btn-4col li {
	width: 18.4%;
	float: left;
}

.btn-4col li:not(:nth-of-type(5n)) {
	margin-right: 2%;
}

.btn-4col li:not(:nth-of-type(n+6)) {
	margin-bottom: 2rem;
}

.btn-4col li a {
	width: 100%;
	padding: 1.0rem 2.5rem 0.8rem 1.7rem;
	font-size: 100%;
	font-weight: bold;
	border: solid 2px #cccccc;
	box-shadow: 0 4px 0 0 #cccccc;
	border-radius: 10px;
	display: block;
	box-sizing: border-box;
	text-align: left;
	color: #444444;
	text-decoration: none;
	position: relative;
	background: url(../images/icn_pdf.png)no-repeat calc(100% - 1.2rem) center;
	background-size: 11px 15px;
}

.btn-4col li a:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 37%;
	left: 6%;
	border-left: 8px solid #cccccc;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

.btn-4col li a:active,
.btn-4col li a:hover,
.btn-4col li a:active,
.btn-4col li a:hover {
	top: 2px;
	box-shadow: 0 2px 0 0 #cccccc;
}

@media only screen and (max-width:767px) {
	.btn-4col li {
		width: 49%;
		float: left;
		font-size: 100%;
	}

	.btn-4col li:not(:nth-of-type(5n)) {
		margin-right: 0;
	}

	.btn-4col li:not(:nth-of-type(2n)) {
		margin-right: 2%;
	}

	.btn-4col li:not(:nth-of-type(n+6)) {
		margin-bottom: 0;
	}

	.btn-4col li:not(:nth-of-type(n+9)) {
		margin-bottom: 1.5rem;
	}

	.btn-4col li a {
		background: url(../images/icn_pdf.png)no-repeat calc(100% - 0.8rem) center;
		padding: 1.0rem 1.5rem 0.8rem 2.0rem;
	}

	.btn-4col li a:before {
		left: 5%;
	}
}

/*********************************
*
*  .btn-category
*
**********************************/

.btn-category {
	width: 100%;
	max-width: 360px !important;
	margin: 20px auto;
	padding: 0;
	line-height: 1.4;
	font-size: 114.28571%;
	display: block;
	border: none;
	color: #fff;
	font-weight: bold;
	margin-bottom: 4px;
	border-radius: 6px;
	box-sizing: content-box;
	background-color: #78b82a;
	box-shadow: 0 4px 0 #609322;
	text-decoration: none;
}

a.btn-category:visited {
	/* color:#FFF; */
}

.btn-category:hover,
.btn-category:focus,
.btn-category:active {
	box-shadow: 0 2px 0 #609322;
	color: #fff;
	background-color: #68a819;
	text-decoration: none !important;
	position: relative;
	top: 2px;
}

.btn-category span {
	display: block;
	padding: 11px 10px;
}

.btn-category span span {
	background: url(/-/media/aeoncard/legacy/common/css/images/ico-arrow_05.png) no-repeat right center;
	text-align: center;
	display: block;
}

.btn-category.btn-01 {
	width: 98%;
	background-color: #fff;
	border: 2px solid #ccc;
	box-shadow: 0 2px 0 #ccc;
	color: #444444;
}

a.btn-category.btn-01:visited {
	color: #444444;
}

.btn-category.btn-01:hover,
.btn-category.btn-01:focus,
.btn-category.btn-01:active {
	box-shadow: 0 0px 0 #ccc;
	text-decoration: none !important;
	position: relative;
	top: 2px;
	background-color: #f2f2f2;
}

.btn-category.btn-01 span span {
	background: url(/-/media/aeoncard/legacy/common/css/images/ico-arrow_03.png) no-repeat right center;
}

@media screen and (max-width: 420px) {
	.btn-category {
		font-size: 90%;
	}

	.btn-category span {
		padding: 5px 10px;
	}
}


/*********************************
*
*  .note
*
**********************************/
.note-01 {
	font-size: 87.5%;
	color: #777777;
}

.note-02 {
	font-size: 100%;
}

.note-01 li,
.note-02 li {
	position: relative;
	line-height: 1.4;
	padding-left: 1.3rem;
}

.note-01 .mark,
.note-02 .mark {
	position: absolute;
	top: 0;
	left: 0;
}

.note-01 li:not(:last-of-type),
.note-02 li:not(:last-of-type) {
	margin-bottom: 5px;
}

/*********************************
*
*  .txt-link
*
**********************************/
.txt-link li {
	line-height: 1.4;
	padding-left: 1.2rem;
	position: relative;
	font-size: 100%;
}

.txt-link li:not(:last-of-type) {
	margin-bottom: 0.8rem;
}

.txt-link li a:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 4px;
	left: 0;
}

.txt-link.arw-right li a:after {
	border-left: 7px solid #0066cc;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.txt-link.arw-bottom li a:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #0066cc;
}

/*********************************
*
*  link-2col
*
**********************************/
.link-2col li {
	float: left;
	text-align: left;
	width: 32%;
	box-sizing: border-box;
}

.link-2col li:not(:nth-of-type(3n)) {
	margin-right: 2%;
}

@media only screen and (max-width:767px) {
	.link-2col li {
		float: none;
		display: block;
		width: 100%;
	}

	.link-2col li:not(:nth-of-type(3n)) {
		margin-right: 0;
	}
}

/*********************************
*
*  title
*
**********************************/
h1 {
	border: 2px solid #e50012;
	padding: 0.5rem;
	font-size: 150%;
	color: #e50012;
	font-weight: bold;
	margin: 0 auto 0.8rem;
	text-align: center;
}

h2 {
	border-bottom: 4px solid #b60081;
	position: relative;
	padding-bottom: 1.0rem;
	font-size: 162.5%;
	margin: 3.0rem auto 1.5rem;
	color: #b60081;
	text-align: center;
}

h3 {
	font-size: 125%;
	position: relative;
	padding-left: 1.5rem;
	margin: 1.5rem auto 1.0rem;
}

h3 .mark {
	color: #ee1d23;
	position: absolute;
	left: 0;
}

@media only screen and (max-width:767px) {
	h1 {
		padding: 0.5rem;
		font-size: 106.25%;
		margin: 0 auto 0.5rem;
	}

	h2 {
		border-bottom: none;
		background-color: #b60081;
		padding: 1.0rem 0.8rem;
		font-size: 118.75%;
		margin: 2.0rem auto 1.0rem;
		color: #ffffff;
	}

	h2:after {
		content: none;
	}

	h3 {
		font-size: 106.25%;
		margin: 1.2rem auto 0.8rem;
	}

	.contents h3 {
		text-align: center;
		font-size: 1.4em !important;
		padding-left: 0 !important;
	}

	.contents h3:before {
		content: none !important;
	}
}

/*********************************
*
*  area-return
*
**********************************/
.area-return {
	text-align: center;
	background: #fbf1f6;
	padding: 2.0rem 1.5rem;
}

.area-return .text {
	font-size: 100%;
	margin-bottom: 0.5rem;
}

.area-return .text span {
	font-size: 200%;
	color: #ee1d23;
	font-weight: bold;
}

@media only screen and (max-width:767px) {
	.area-return .text span {
		font-size: 178.5714%;
	}
}

/*********************************
*
*  tel-num
*
**********************************/
.tel-num {
	color: #ee1d23;
	font-size: 100%;
}

.tel-num span {
	font-size: 200%;
	font-weight: bold;
	margin-right: 5px;
}

@media only screen and (max-width:767px) {
	.tel-num span {
		font-size: 178.5714%;
	}
}

/*********************************
*
*  table
*
**********************************/
table {
	width: 100%;
	border: 1px solid #d1d1d1;
	border-collapse: collapse;
	border-spacing: 0;
}

table th {
	width: 25%;
	background-color: #ebebeb;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
}

table td {
	width: 75%;
	vertical-align: middle;
	position: relative;
	text-align: center;
}

table td .icn {
	position: absolute;
	top: 15px;
	right: 15px;
	margin: 0 auto;
}

table td .img-card {
	max-width: 134px;
	width: 80%;
	margin-bottom: 0.5rem;
}

table td .img-card:not(:last-of-type) {
	margin-right: 0.5rem;
}

table th,
table td {
	padding: 1.0rem 0.8rem;
	border: 1px solid #d1d1d1;
	border-collapse: collapse;
	word-break: break-all;
}

@media only screen and (max-width:767px) {
	table td.area-icn {
		padding: 4.0rem 0.8rem 1.0rem 0.8rem;
	}

	table td .img-card:not(:last-of-type) {
		margin-right: 0;
	}
}

/*********************************
*
*  bdr
*
**********************************/
.bdr-bottom-01 {
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid #cccccc;
}

/*********************************
*
*  header
*
**********************************/
.headerlogo {
	padding: 10px 0;
}

.headerlogo p {
	text-align: center;
}

.headerlogo p img {
	max-width: 260px;
	min-width: 160px;
	width: 30%;
}

/*********************************
*
*  .mainvisual
*
**********************************/
.mainvisual {
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-position: center top;
}

.mainvisual img {
	width: 100%;
	height: auto;
}

/*********************************
*
*  .footer
*
**********************************/
.footer {
	font-size: 75%;
}

.ftr-bar {
	background-color: #5D5D5D;
	padding: 0.75em 0;
	color: #FFF;
}

.ftrbar-link {
	width: 100%;
	position: relative;
}

.ftrbar-link a,
.ftrbar-link a:hover,
.ftrbar-link a:visited,
.ftrbar-link a:focus,
.ftrbar-link a:active {
	color: #FFF;
	text-decoration: none;
}

.ftrbar-link>li {
	display: inline-block;
	vertical-align: top;
}

.ftrbar-link>li:not(:last-child) {
	margin-right: 1em;
}

.ftrbar-link>li:last-child {
	position: absolute;
	top: 0;
	right: 0;
}

.ftr-field {
	padding: 22px 0;
}

.ftr-field p,
.ftr-field ul,
.ftr-field li {
	display: inline-block;
	vertical-align: middle;
}

.ftr-field .logo-01 {
	float: left;
	width: 90px;
}

.ftr-field .logo-02 {
	float: right;
	width: 113px;
}

.ftr-field ul {
	margin: 5px 0 0 11px;
	float: left;
}

.ftr-field ul li {
	float: left;
	margin-left: 30px;
}

.ftr-field ul li a {
	padding-left: 10px;
	background: url(/-/media/aeoncard/legacy/common/css/images/ico-arrow_01.png) no-repeat 0 .3em;
}

.ftr-field a {
	text-decoration: none;
	color: #444444;
}

.ftr-field a:visited {
	color: #444444;
}

.ftr-field a:hover,
.ftr-field a:focus,
.ftr-field a:active {
	color: #444444;
	text-decoration: underline;
}

/*********************************
*
*  .link-top
*
**********************************/
.main-contents .link-top {
	text-align: right;
	position: static;
	right: 20px;
	bottom: 20px;
	z-index: 5;
}

.main-contents .link-top a {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 20px 0 auto;
}

.main-contents .link-top a img {
	transition: opacity .2s;
}

.main-contents .link-top a:hover img,
.main-contents .link-top a:focus img,
.main-contents .link-top a:active img {
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*********************************
*
*  @media (footer)
*  screen and (max-width:950px)
*
**********************************/
@media only screen and (max-width:950px) {
	.ftrbar-link {
		text-align: center;
	}

	.ftrbar-link>li:last-child {
		display: block;
		position: relative;
		margin-top: 0.75em;
	}
}

/*********************************
*
*  @media
*  screen and (max-width:767px)
*
**********************************/
@media only screen and (max-width:767px) {

	/*********************************
	*
	*  common
	*
	**********************************/
	.vw2 {
		font-size: 2vw !important;
	}

	.vw3 {
		font-size: 3vw !important;
	}

	.vw4 {
		font-size: 4vw !important;
	}

	.vw5 {
		font-size: 5vw !important;
	}

	.vw6 {
		font-size: 6vw !important;
	}

	.vw7 {
		font-size: 7vw !important;
	}

	.vw8 {
		font-size: 8vw !important;
	}

	.vw9 {
		font-size: 9vw !important;
	}

	.vw10 {
		font-size: 10vw !important;
	}

	/*********************************
	*
	*  .footer(SP)
	*
	**********************************/

	.ftrbar-link>li:not(:last-child) {
		display: none;
	}

	.ftrbar-link>li:last-child {
		margin-top: 0;
	}

	.ftr-field {
		display: none;
	}

	.main-contents .link-top {
		text-align: right;
		position: static;
		right: 10px;
		bottom: 20px;
		z-index: 5;
	}

	.main-contents .link-top a {
		display: block;
		width: 44px;
		height: 44px;
		margin: 0 10px 0 auto;
	}

	/*********************************
	*
	*  -- end (max-width:767px) --
	*
	**********************************/
}

/* Header */
#header .mainvsl {
	background: url(/-/media/aeoncard/special/coupon/images/pc_mainvsl_bg.jpg) repeat-x;
}

#header p.site-logo {
	width: 200px;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -100px;
}

#header p.site-logo img {
	padding: 20px 0;
}

#header .pc_header {
	background: url(/-/media/aeoncard/special/coupon/images/pc_mainvsl_deco.png) no-repeat top center;
	height: 300px;
}

#header .pc_header .pc_header_title {
	text-align: center;
}

#header .pc_header .pc_header_title img {
	padding: 100px 0;
}

@media only screen and (max-width:767px) {

	/* Header */
	#header p.site-logo_sp {
		text-align: center !important;
		padding-top: 5%;
		width: 40%;
		margin: 0 auto;
		position: relative;
		padding: 5% auto;
	}

	#header .mainvsl {
		background: url(/-/media/aeoncard/special/coupon/images/sp_mainvsl_bg_1.png) no-repeat top center;
		background-size: auto 100%;
	}

	#header .sp_header {
		text-align: center;
		background-size: auto 100%;
	}

	#header .sp_header .sp_header_title {
		margin: 0 auto;
		padding-top: 15%;
		padding-bottom: 20%;
		position: relative;
		width: 70%;
	}
}

#coupon_nav {
	background-color: #f8e8f4;
}

#coupon_nav .rsp-frame {
	padding: 40px 0 30px;
}

#coupon_nav .rsp-frame ul {
	text-align: center;
}

#coupon_nav .rsp-frame ul li {
	display: inline-block;
	width: 31%;
	text-align: center;
	margin-bottom: 1%;
}

#coupon_nav .rsp-frame ul li:nth-child(2),
#coupon_nav .rsp-frame ul li:nth-child(3),
#coupon_nav .rsp-frame ul li:nth-child(5),
#coupon_nav .rsp-frame ul li:nth-child(6) {
	margin-left: 1.5%;
}

#faq_btn_area {
	background-color: #f8e8f4;
	text-align: center;
}

#faq_btn_area .rsp-frame {
	padding: 0px 0 30px;
}

@media only screen and (max-width:767px) {
	#coupon_nav .rsp-frame ul li {
		display: inline-block;
		width: 44%;
		text-align: center;
		margin-bottom: 2.5%;
	}

	#coupon_nav .rsp-frame ul li:nth-child(2),
	#coupon_nav .rsp-frame ul li:nth-child(4),
	#coupon_nav .rsp-frame ul li:nth-child(6) {
		margin-left: 2%;
	}

	#coupon_nav .rsp-frame ul li:nth-child(3),
	#coupon_nav .rsp-frame ul li:nth-child(5) {
		margin-left: 0;
	}

}

.contents {
	margin-bottom: 60px;
}

.contents>section+section {
	margin-top: 60px;
}

.contents h2 {
	color: #fff;
	font-size: 36px;
	background: #b50081;
	padding: 15px 0;
	margin: 0 0 40px;
}

.contents h3 {
	color: #b50081;
	font-size: 25px;
	border-bottom: 2px solid #b50081;
	margin: 40px 0 20px;
	padding-left: 0;
}

.contents h3:before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #b50081;
	margin-right: 10px;
}

.contents h4 {
	font-weight: bold;
	margin-bottom: 16px;
}

li.media+li.media {
	border-top: 3px dotted #a5896d;
	padding-top: 30px;
}

.media {
	margin-top: 30px;
}

.media .media-left {
	float: left;
	width: 25%;
}

.media .media-right {
	float: right;
	width: 75%;

}

.attention_g {
	color: #888888;
	font-size: 0.9em;
}

@media only screen and (max-width:767px) {
	.contents h2 {
		font-size: 1.5em;
	}

	.contents h4 {
		margin: 4% auto 3.5%;
		text-align: center;
	}

	.media-left,
	.media-right {
		float: none !important;
		width: 100% !important;
	}

	.media-left {
		text-align: center;
		margin-right: 0 !important;
	}

	.media-left .sp_img_size {
		width: 52%;
	}

	/* topへ戻るボタン */
	.link-top {
		width: 40px;
		height: 40px;
	}

	.link-top img {
		width: 40px;
		height: 40px;
	}

}

/* アンカーリンクの変更 2026/02/16 */
@media only screen and (min-width: 768px) {
	#coupon_nav .rsp-frame ul li {
		width: 48.5%;
	}
}

@media (min-width: 767px) and (max-width: 1100px) {
	#coupon_nav .rsp-frame ul li {
		width: 46%;
	}
}

#coupon_nav .rsp-frame ul li:nth-child(2),
#coupon_nav .rsp-frame ul li:nth-child(4),
#coupon_nav .rsp-frame ul li:nth-child(6) {
	margin-left: 2%;
}

#coupon_nav .rsp-frame ul li:nth-child(3),
#coupon_nav .rsp-frame ul li:nth-child(5) {
	margin-left: 0;
}

/* 注釈にインデント */
.qx-li-indent>li,
.qx-p-indent {
	padding-left: 1em;
	text-indent: -1em;
}