@charset "UTF-8";
@font-face {
  font-display: block;
  font-family: "asw-icon";
  font-style: normal;
  font-weight: 400;
  src: url("/common-layout2/css/fonts/asw-icon.ttf?pnzbzg") format("truetype"), url("/common-layout2/css/fonts/asw-icon.woff?pnzbzg") format("woff"), url("/common-layout2/css/fonts/asw-icon.svg?pnzbzg#asw-icon") format("svg");
}

@-webkit-keyframes a {
	50% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px);
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes a {
	50% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px);
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
/* ---------------------------------------
 ページ共通パーツ
--------------------------------------- */
.res-contents-parent {
	margin-bottom: 60px;
}

@media print, screen and (max-width: 767px) {
	.res-contents-parent {
		margin-bottom: 40px;
	}
}

#contents section .section-inner,
#contents .login .section-inner {
	position: relative;
	z-index: 2;
	width: 90%;
	max-width: 1240px;
	margin: 0 auto;
	background: #fff;
}
@media print, screen and (max-width: 1024px) {
	#contents section .section-inner,
	#contents .login .section-inner {
		padding: 40px 35px;
	}
}
@media print, screen and (max-width: 767px) {
	#contents section .section-inner,
	#contents .login .section-inner {
		padding: 40px 3%;
	}
}
#contents section.about:before,
#contents section.entry:before,
#contents section.cancelled:before,
#contents section.alarm:before {
	background-color: #014ab3;
}
#contents section.about .section-ttl,
#contents section.entry .section-ttl,
#contents section.cancelled .section-ttl,
#contents section.alarm .section-ttl {
	color: #fff;
}
#contents section.about .section-ttl:before,
#contents section.entry .section-ttl:before,
#contents section.cancelled .section-ttl:before,
#contents section.alarm .section-ttl:before {
	background-color: #fff;
}
#contents section .section-ttl {
	position: relative;
	padding: 55px 10px 62px;
	text-align: center;
	color: #00146e;
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.66;
	text-align: center;
	z-index: 2;
}
@media print, screen and (max-width: 767px) {
	#contents section .section-ttl {
		font-size: 2.6rem;
	}
}
#contents section .section-ttl:before {
	content: "";
	position: absolute;
	bottom: 45px;
	left: 0;
	right: 0;
	width: 100px;
	height: 6px;
	margin: auto;
	border-radius: 6px;
	background-color: #00146e;
}
@media print, screen and (max-width: 767px) {
	#contents section .section-ttl:before {
		width: 50px;
	}
}
#contents section .section-ttl span {
	display: inline-block;
	font-weight: bold;
}
@media print, screen and (max-width: 767px) {
	#contents section .step {
		margin-top: 0;
	}
}
#contents section .step-item:not(:last-child) {
	margin-bottom: 70px;
	padding-bottom: 70px;
	border-bottom: 1px solid #b2b2b2;
}
@media print, screen and (max-width: 767px) {
	#contents section .step-item:not(:last-child) {
		margin-bottom: 40px;
		padding-bottom: 50px;
	}
}
#contents section .step-ttl {
	text-align: center;
}
#contents section .step-ttl-num {
	display: block;
	margin: 0 auto;
	padding: 7px 5px;
	max-width: 155px;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	border-radius: 22px;
	background: #00146e;
}
#contents section .step-ttl-text {
	margin-top: 20px;
	color: #00146e;
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1.78;
}
@media print, screen and (max-width: 767px) {
	#contents section .step-ttl-text {
		font-size: 1.9rem;
		line-height: 28px;
		line-height: 1.4;
	}
}
#contents section .step-ttl-text span {
	display: inline-block;
	font-weight: bold;
}
#contents section .step-ttl-notice {
	color: #00146e;
	font-size: 2rem;
	text-align: center;
}
#contents section .step-ttl-notice li {
	color: #00146e;
}
@media print, screen and (max-width: 767px) {
	#contents section .step-ttl-notice {
		margin-top: 20px;
		font-size: 1.6rem;
	}
}
#contents section .step-cont {
	margin: 64px auto 0;
}
@media print, screen and (max-width: 767px) {
	#contents section .step-cont {
		margin-top: 30px;
	}
}
#contents section .check-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 920px;
	margin: 0 auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media print, screen and (max-width: 767px) {
	#contents section .check-list {
		display: block;
	}
}
#contents section .check-item {
	width: 49%;
}
@media print, screen and (max-width: 767px) {
	#contents section .check-item {
		width: auto;
	}
	#contents section .check-item:not(:last-child) {
		margin-bottom: 42px;
	}
}
#contents section .check.ckeck-vertical .check-list {
	display: block;
}
#contents section .check.ckeck-vertical .check-item {
	width: auto;
}
#contents section .check.ckeck-vertical .check-item:not(:last-child) {
	margin-bottom: 30px;
}
#contents section .check-label {
	cursor: pointer;
	position: relative;
	display: inline-block;
	padding-left: 43px;
}
@media print, screen and (max-width: 767px) {
	#contents section .check-label {
		display: block;
	}
}
#contents section .check-label.disabled {
	cursor: default;
}
#contents section .check-label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	border-radius: 4px;
	background: #effaff;
	border: 2px solid #00aff0;
}
#contents section .check-label.disabled:before {
	border-color: #545454;
	background-color: #ebebeb;
}
@media print, screen and (max-width: 767px) {
	#contents section .check-label:before {
		width: 24px;
		height: 24px;
	}
}
#contents section .check-label.disabled:before {
	background-color: #f3f3f3;
	border-color: #e9e9e9;
}
#contents section .check-label.check:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 6px;
	width: 20px;
	height: 8px;
	border-left: 2px solid #00aff0;
	border-bottom: 2px solid #00aff0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media print, screen and (max-width: 767px) {
	#contents section .check-label.check:after {
		top: 5px;
		left: 5px;
	}
}
#contents section .check input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#contents section .check input[type="checkbox"]:focus ~ .check-text {
	outline: 1px solid #000;
}
#contents section .check-text {
	color: #00146e;
	font-size: 2.2rem;
	line-height: 1.3;
}
#contents section .check-text.asw-text a[target="_blank"]::after {
	font-size: 1.6rem;
	vertical-align: middle;
}
@media print, screen and (max-width: 767px) {
	#contents section .check-text {
		font-size: 1.8rem;
	}
}
#contents section .check-text a {
	color: #00146e;
	text-decoration: underline;
}
#contents section .check-text a:hover {
	text-decoration: none;
}
#contents section .check-label.disabled .check-text {
	color: #bababa;
}
#contents section .check-notice {
	display: block;
	margin-top: 5px;
	font-size: 1.6rem;
	text-indent: -0.5em;
}
#contents section .check-item > .check-notice {
	padding-left: 55px;
	color: #00146e;
}
#contents .btn {
 cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	padding: 23px 16px;
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.1em;
	border-radius: 38px;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
}
#contents .btn:hover {
 text-decoration: underline;
}
@media print, screen and (max-width: 767px) {
	#contents .btn {
		font-size: 1.6rem;
	}
}
#contents .submit,
#contents .link {
	margin-top: 60px;
}
#contents .submit .submit-inner,
#contents .link {
	position: relative;
	width: 460px;
	margin: 0 auto 32px;
}
@media print, screen and (max-width: 767px) {
	#contents .submit,
	#contents .link {
		margin-top: 42px;
	}
	#contents .submit .submit-inner,
	#contents .link {
		width: 100%;
	}
}
#contents .submit .submit-inner:after,
#contents .link:after {
	content: "";
	font-family: "asw-icon";
	font-size: 1.8rem;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -9px;
	text-transform: none;
	pointer-events: none;
	color: #fff;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media print, screen and (min-width: 768px) {
	#contents .submit .submit-inner:after,
	#contents .link:after {
		font-size: 1.8rem;
		margin-top: -9px;
	}
}
#contents .submit .submit-inner:hover:after,
#contents .link:hover:after {
	-webkit-animation-name: a;
	animation-name: a;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
#contents .submit .submit-inner:hover a,
#contents .link:hover a {
	text-decoration: none;
}
#contents .submit-btn {
	background-color: #d54100;
}
#contents .submit-btn.disabled {
	pointer-events: none;
	color: #4f4f4f;
	background-color: #c7c7c7;
}
#contents .link .btn {
	background-color: #00146e;
}
#sv {
	margin: 24px 0 48px;
	padding-top: 1px;
	padding-bottom: 1px;
}

/* ---------------------------------------
  カレンダー
 --------------------------------------- */
#ui-datepicker-div {
	width: 20em;
	padding: 20px;
	border: none;
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 4px;
}
@media print, screen and (max-width: 600px) {
	#ui-datepicker-div {
		width: 88%;
		left: 0 !important;
		right: 0 !important;
		margin: auto !important;
	}
}
#ui-datepicker-div th {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
#ui-datepicker-div th > span {
	font-weight: bold;
}
#ui-datepicker-div td {
	padding: 0;
	height: 36px;
	line-height: 36px;
}
#ui-datepicker-div td span,
#ui-datepicker-div td a {
	padding: 0;
}
#ui-datepicker-div .ui-datepicker-title span.ui-datepicker-month > span {
	margin-right: 5px;
	font-size: 3rem;
}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {
	border: none;
	background: none;
	text-align: center;
	border-radius: 4px;
}
#ui-datepicker-div .ui-widget-header {
	background: none;
	border: none;
}
#ui-datepicker-div .ui-state-hover,
#ui-datepicker-div .ui-widget-content .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-hover,
#ui-datepicker-div .ui-state-focus,
#ui-datepicker-div .ui-widget-content .ui-state-focus,
#ui-datepicker-div .ui-widget-header .ui-state-focus {
	color: #333;
	border: none;
	background: none !important;
	text-decoration: underline !important;
}
#ui-datepicker-div .ui-state-default.ui-state-active {
	color: #fff;
	background: #00146e !important;
}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
	top: 0;
	width: 36px;
	height: 36px;
	cursor: pointer;
}
#ui-datepicker-div .ui-datepicker-prev-hover,
#ui-datepicker-div .ui-datepicker-next-hover {
	top: 0;
}
#ui-datepicker-div .ui-datepicker-prev {
	left: 0;
}
#ui-datepicker-div .ui-datepicker-next {
	right: 0;
}
#ui-datepicker-div .ui-datepicker-prev-hover {
	left: 0;
}
#ui-datepicker-div .ui-datepicker-next-hover {
	right: 0;
}
#ui-datepicker-div .day-sunday > a,
#ui-datepicker-div .day-holiday > a {
	color: #c00;
}
#ui-datepicker-div .day-saturday > a {
	color: #014ab3;
}

/* ---------------------------------------
  アンカーリンク
 --------------------------------------- */
.anchor {
	margin-top: 60px;
}
@media print, screen and (max-width: 767px) {
	.anchor {
		margin-top: 40px;
	}
}
.anchor-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media print, screen and (max-width: 767px) {
	.anchor-list {
		display: block;
	}
}
.anchor-item {
	width: 31.666%;
}
@media print, screen and (max-width: 767px) {
	.anchor-item {
		width: auto;
	}
}
@media print, screen and (max-width: 767px) {
	.anchor-item:not(:last-child) {
		margin: 0 0 30px 0;
	}
}
.anchor-item.anchor-register a {
	background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_register.png);
}
@media print, screen and (max-width: 767px) {
	.anchor-item.anchor-register a {
		background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_register_sp.png);
	}
}
.anchor-item.anchor-register a:hover {
	background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_register_hover.png);
}
@media print, screen and (max-width: 767px) {
	.anchor-item.anchor-register a:hover {
		background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_register_hover_sp.png);
	}
}
.anchor-item.anchor-about a {
	background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_about.png);
}
@media print, screen and (max-width: 767px) {
	.anchor-item.anchor-about a {
		background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_about_sp.png);
	}
}
.anchor-item.anchor-about a:hover {
	background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_about_hover.png);
}
@media print, screen and (max-width: 767px) {
	.anchor-item.anchor-about a:hover {
		background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_about_hover_sp.png);
	}
}
.anchor-item.anchor-sv a {
	background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_sv.png);
}
@media print, screen and (max-width: 767px) {
	.anchor-item.anchor-sv a {
		background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_sv_sp.png);
	}
}
.anchor-item.anchor-sv a:hover {
	background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_sv_hover.png);
}
@media print, screen and (max-width: 767px) {
	.anchor-item.anchor-sv a:hover {
		background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_sv_hover_sp.png);
	}
}
.anchor-item.anchor-module a {
	background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_module.png);
}
@media print, screen and (max-width: 767px) {
	.anchor-item.anchor-module a {
		background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_module_sp.png);
	}
}
.anchor-item.anchor-module a:hover {
	background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_module_hover.png);
}
@media print, screen and (max-width: 767px) {
	.anchor-item.anchor-module a:hover {
		background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_module_hover_sp.png);
	}
}
.anchor-item.anchor-stop a {
	background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_stop.png);
}
@media print, screen and (max-width: 767px) {
	.anchor-item.anchor-stop a {
		background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_stop_sp.png);
	}
}
.anchor-item.anchor-stop a:hover {
	background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_stop_hover.png);
}
@media print, screen and (max-width: 767px) {
	.anchor-item.anchor-stop a:hover {
		background-image: url(/amc/promo/x212/special-info/alarm/images/anchor_stop_hover_sp.png);
	}
}
.anchor-link {
	display: block;
	padding-top: 16.85%;
	background-repeat: no-repeat;
	background-size: contain;
}

/* ---------------------------------------
 おトク運賃アラームを登録
--------------------------------------- */
.mv {
	background: #014ab3;
}
@media print, screen and (max-width: 767px) {
	.mv .asw-headline--head-image.asw-headline--head1 {
		margin-bottom: 0;
	}
}
#register, #register2 {
  padding: 32px 0 1px;
}
.register {
	margin-top: 38px;
}
@media print, screen and (max-width: 767px) {
  #register .asw-decoration {
		padding: 0;
  }
	.register {
		margin-top: 32px;
	}
}
.register-submit-text {
  color:#D50606;
  font-size: 2rem;
  text-align: center;
}

.register-info {
	text-align: center;
}
.register-info-ttl {
	color: rgb(0, 20, 110);
	font-size: 25px;
	line-height: 1.66;
}
.register-info-ttl span {
	display: inline-block;
	font-weight: bold;
}
.register-info-text {
	margin-top: 14px;
	margin-bottom: 14px;
}
.register-info-text [class*="list-mt-"] > li a {
	color: #014ab3;
	font-size: 1.6rem;
	line-height: 1.625;
	text-align: center;
}
.register .calender {
	margin-top: 0 !important;
	max-width: 600px;
}
.register .calender .cp-list-container .bullet {
	color: #00146e;
	font-size: 2rem;
	line-height: 1.3;
	text-align: left;
}
@media print, screen and (max-width: 767px) {
	.register .calender .cp-list-container .bullet {
		font-size: 1.8rem;
	}
}
.register .calender-list {
	margin-top: 20px;
}
.register .calender-item {
	position: relative;
}
.register .calender-item:not(:last-child) {
	margin-bottom: 40px;
}

.register .calender input[type="text"] {
	width: 100%;
	padding: 9px 60px 9px 27px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #00146e;
	font-size: 2rem;
	line-height: 1.3;
	border-radius: 4px;
	border: 2px solid #00aff0;
	background: #effaff url(/amc/alarm/images/icon_calender.png) no-repeat 98% 50%;
	background-size: auto 60%;
}
.register .calender input[type="text"][disabled="disabled"] {
	color: #545454;
	border-color: #545454;
	background-color: #ebebeb;
}
@media print, screen and (max-width: 767px) {
	.register .calender input[type="text"] {
		font-size: 1.8rem;
		padding-left: 21px;
	}
}
.register .calender .datepicker-clear {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 50px;
	display: block;
	margin: auto;
	width: 40px;
	font-size: 30px;
	line-height: 44px;
	text-align: center;
}
@media print, screen and (max-width: 767px) {
	.register .calender .datepicker-clear {
		right: 35px;
	}
}
.register-caution {
	margin-top: 34px;
	padding: 31px 40px;
	background: #f4f4f4;
}
@media print, screen and (max-width: 767px) {
	.register-caution {
		margin-top: 56px;
		padding: 31px 20px;
	}
}
.register-caution-ttl {
	color: #d50606;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.35;
	text-align: center;
}
.register-caution-ttl span {
	display: inline-block;
	font-weight: bold;
}
.register-caution-text {
	margin-top: 35px;
}
.register-change {
	margin-top: 91px;
	padding-top: 40px;
	border-top: 1px solid #b2b2b2;
}
@media print, screen and (max-width: 767px) {
	.register-change {
		margin-top: 50px;
	}
}
.register-change-ttl {
	font-size: 2rem;
	font-weight: bold;
}

/* ---------------------------------------
 おトク運賃アラームとは
--------------------------------------- */
.about-info,
.about-description {
	max-width: 920px;
	margin: auto;
}
.about-info-img {
	margin-top: 51px;
}
.about-description {
	margin-top: 58px;
}
.about-caution {
	margin-top: 60px;
}
@media print, screen and (max-width: 767px) {
	.about-caution {
		margin-top: 30px;
	}
}

/* ---------------------------------------
 ANA SUPER VALUEとは
--------------------------------------- */
.sv-info-img {
	max-width: 920px;
	margin: 40px auto 0;
}

/* ---------------------------------------
 おトク運賃アラーム 
--------------------------------------- */
.entry-info,
.cancelled-info,
.login-info {
	text-align: center;
}
.entry-info-ttl,
.cancelled-info-ttl,
.login-info-ttl {
	color: #014ab3;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.66;
}
@media print, screen and (max-width: 767px) {
	.entry-info-ttl,
	.cancelled-info-ttl,
	.login-info-ttl {
		font-size: 2rem;
	}
}
.entry-info-text,
.cancelled-info-text,
.login-info-text {
	margin-top: 60px;
	color: #333;
	font-size: 2.2rem;
	line-height: 1.5;
	text-align: center;
}
@media print, screen and (max-width: 767px) {
	.entry-info-text,
	.cancelled-info-text,
	.login-info-text {
		margin-top: 40px;
		font-size: 1.6rem;
	}
}
.entry-info-text p:not(:last-child),
.cancelled-info-text p:not(:last-child),
.login-info-text p:not(:last-child) {
	margin-bottom: 30px;
}
.entry-caution,
.cancelled-caution,
.login-caution {
	margin-top: 82px;
	padding-top: 50px;
	border-top: 1px solid #b2b2b2;
}
@media print, screen and (max-width: 767px) {
	.entry-caution,
	.cancelled-caution,
	.login-caution {
		margin-top: 45px;
		padding-top: 15px;
	}
}

@media print, screen and (max-width: 767px) {
	#contents section.alarm .section-inner {
		padding-bottom: 60px;
	}
}
#contents section.alarm .section-inner:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 84px;
	background: #f1f1f1;
}
@media print, screen and (max-width: 767px) {
	#contents section.alarm .section-inner:after {
		height: 60px;
	}
}
#alarm .sv75, #alarm .sv55, #alarm .sv21 {
	display: none;
}
#alarm .sv75.show,
#alarm .sv55.show,
#alarm .sv21.show {
	display: block;
}
#contents section.alarm .alarm-ttl {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 40px;
}
#contents section.alarm .alarm-ttl:before {
	content: none;
}
#contents section.alarm .alarm-info-text {
	margin-top: 36px;
}
#contents section.alarm .alarm-info-text li {
	color: #737373;
}
#contents section.alarm .alarm-decription {
	margin-top: 36px;
}
#contents section.alarm .alarm-btn {
	width: 630px;
}
@media print, screen and (max-width: 767px) {
	#contents section.alarm .alarm-btn {
		width: auto;
	}
}
#contents section.alarm .alarm-btn .btn {
	font-size: 2.2rem;
}
@media print, screen and (max-width: 767px) {
	#contents section.alarm .alarm-btn .btn {
		font-size: 1.6rem;
	}
}
#contents section.alarm .alarm-img {
	position: relative;
	top: 46px;
	text-align: center;
	z-index: 2;
}
@media print, screen and (max-width: 767px) {
	#contents section.alarm .alarm-img {
		top: 32px;
	}
}

/* ---------------------------------------
  おトク運賃アラームを通知の停止をご希望のお客様
 --------------------------------------- */
#contents section.cancelled .cancelled-submit {
	margin-top: 100px;
}
@media print, screen and (max-width: 767px) {
	#contents section.cancelled .cancelled-submit {
		margin-top: 40px;
	}
}
#contents .stop .section-ttl.stop-ttl {
	padding-bottom: 240px;
	color: #fff;
	background: #014AB3;
}
#contents .stop .section-ttl.stop-ttl:before {
	content: none;;
}
#contents .stop .section-inner {
	margin-top: -240px;
	max-width: 1104px;
	padding: 50px;
	border-radius: 6px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media print, screen and (max-width: 767px) {
  #contents .stop .section-inner {
		padding: 40px 5%;
	}
}

/* ---------------------------------------
  モジュール
 --------------------------------------- */
#contents #module {
	margin-top: 60px;
}
@media print, screen and (max-width: 767px) {
	#contents #module {
		margin-top: 40px;
	}
}
#contents #module .d_awardReservationLink {
	display: none;
}

/* ---------------------------------------
  バナー
 --------------------------------------- */
@media print, screen and (max-width: 767px) {
	.banner {
		margin-top: 65px;
	}
}

.banner-link {
	max-width: 960px;
	margin: 0 auto;
}

/* ---------------------------------------
  ログイン
 --------------------------------------- */
#contents .login {
	padding-bottom: 110px;
}
@media print, screen and (max-width: 767px) {
	#contents .login {
		padding-bottom: 60px;
	}
}
#contents .login .section-inner {
	position: relative;
	top: 110px;
}
@media print, screen and (max-width: 767px) {
	#contents .login .section-inner {
		top: 60px;
		padding-bottom: 60px;
	}
}
#contents .login-info-detail {
	margin-top: 68px;
}
@media print, screen and (max-width: 767px) {
	#contents .login-info-detail {
		margin-top: 44px;
	}
}
#contents .login-info-detail:not(:last-of-type) {
	padding-bottom: 66px;
	border-bottom: 1px solid #b2b2b2;
}
@media print, screen and (max-width: 767px) {
	#contents .login-info-detail:not(:last-of-type) {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}
}
#contents .login-info-detail p {
	font-size: 2.2rem;
	font-weight: bold;
}
#contents .login-btn,
#contents .login .join-submit {
	margin-top: 35px;
}
@media print, screen and (max-width: 767px) {
	#contents .login-btn,
	#contents .login .join-submit {
		margin-top: 11px;
	}
}
#contents .login .join-submit .btn {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 2.2rem;
}
@media print, screen and (max-width: 767px) {
	#contents .login .join-submit .btn {
		font-size: 1.6rem;
	}
}

.amc-icon-large .asw-image--original img:not(.asw-image__transpalent) {
	width: 100%;
}