@charset "UTF-8";

@media print, all and (min-width:641px) {
	#mainArea {
		margin-top: 27px;
	}
}
@media only screen and (max-width: 640px) {
	#mainArea {
		margin-top: 20px;
	}
}
#mainArea.top {
	position: relative;
}
/*カルーセル*/
#mainArea.top .imgElm {
	position: relative;
}
.bnrCarouselBlockMv:not(.slick-slider) {
	height: 370px;
	visibility: hidden;
	overflow: hidden;
}
@media (max-width:640px) {
	.bnrCarouselBlockMv:not(.slick-slider) {
		height: 188px;
	}
	.slick-prev > span:before, .slick-next > span:before {
		margin-top: -7px;
	}
}
/*PC*/
@media print, all and (min-width:641px) {
	.ofHidden + .bgPink02 {
		margin-top: 40px;
	}
	.ofHidden .webService{
		position: absolute;
		width: 1120px;
		left:50%;
		top: 0;
		margin: 0 0 0 -560px;
		pointer-events: none;
		height: 350px;
		padding: 0 40px;
	}
	.ofHidden .webService .webServiceInner{
		margin: 0 0 0 auto;
		height: 100%;
		width: 280px;
		display: flex;
		align-items: center;
	}
	.ofHidden .webService .loginBoxPc {
		background-color:rgba(106,106,106,0.4);
		padding: 10px;
		text-align: center;
		width: 100%;
	}
	.ofHidden .webService .loginBoxPc > div {
		background: #fff;
		padding: 25px 20px;
		box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.43);
		pointer-events: painted;
		width: 100%;
	}
	.ofHidden .webService .loginBoxPc > div .title {
		font-size: 1.14286rem;
		font-weight: bold;
	}
	.ofHidden .webService .loginBoxPc > div .text {
		font-size: 0.85714rem;
		margin-top: 15px;
	}
	.ofHidden .webService .loginBoxPc > div .btnWrap {
		margin-top: 15px;
	}
	.ofHidden .loginBoxPc > div .btnWrap p + p {
		margin-top: 10px;
	}
	.ofHidden .loginBoxPc > div .btnWrap .btnType12,
	.ofHidden .loginBoxPc > div .btnWrap .btnType14 {
		font-size: 1rem;
		padding: 0.92857rem 2rem;
	}
}
/*Spのみログインボックス*/
.loginBoxSp{
	margin-top: 20px;
	padding: 19px 15px 21px;
	background-color: #F8F8F8;
}
.loginBoxSp > .inner {
	padding: 25px 20px;
	background-color: #fff;
	text-align: center;
}
.loginBoxSp > .inner .title {
	font-size: 1.286rem;
	font-weight: bold;
}
.loginBoxSp > .inner .text {
	margin-top: 15px;
}
.loginBoxSp > .inner .btnWrap {
	margin-top: 20px;
}
.loginBoxSp > .inner .btnWrap p + p {
	margin-top: 20px;
}
/*Spのみ入会ボックス*/
.joinBoxSp{
	margin-top: 20px;
	padding: 19px 15px 21px;
	background-color: #F8F8F8;
}
.joinBoxSp > .inner {
	padding: 25px 20px;
	background-color: #fff;
	text-align: center;
}
.joinBoxSp > .inner .title {
	font-size: 1.286rem;
	font-weight: bold;
}
.joinBoxSp > .inner .text {
	margin-top: 15px;
}
.joinBoxSp > .inner .btnWrap {
	margin-top: 20px;
}
.joinBoxSp > .inner .btnWrap p + p {
	margin-top: 20px;
}
/*JAならではの特典・サービス*/
.serviceBox {
	padding: 80px 0 60px;
}
.serviceBox .cardLink > .cardLinkItem {
	background: #fff;
}
/*PC*/
@media print, all and (min-width:641px) {
	.serviceBox {
		padding: 100px 0 80px;
	}
	.serviceBox .cardLink.colType02 .cardLinkImg {
		border-right: 1px solid #CFCFCF;
	}
}
/*各種照会・お手続き*/
.inquiryBox {
	background: url(/amex/img/index_bg_0001_sp.png)no-repeat center center;
	background-size:cover;
	padding: 50px 0 60px;
}
.inquiryBox .leadType01 {
	color: #002663;
	font-size: 1.42857rem;
	text-align: center ;
}
.videoBox01 {
	width: 100% ;
	margin-top: 30px ;
}
.videoBox01 .youtubeInner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.videoBox01 .youtubeInner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.videoBox01 .text {
	margin-top: 30px;
}
.inquiryBox .loginBloc {
	margin: 30px 0 40px;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	padding: 40px 0;
}
.inquiryBox .linkBtnWrap01 .colBtnItem {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
}
.inquiryBox .linkBtnWrap01 .colBtnItem + .colBtnItem{
	margin-top: 20px;
}
.inquiryBox .linkBtnWrap01 .colBtnItem .btnType01{
	font-size: 1rem;
}
@media print, all and (min-width:641px) {
	.inquiryBox {
		background: url(/amex/img/index_bg_0001.png)no-repeat center center;
		background-size:cover;
		padding: 100px 0 80px;
	}
	.inquiryBox .leadType01 {
		font-size: 1.71429rem;
	}
	.videoBox01 {
		width: 86.072%;
		margin: 50px auto 0;
		display: -webkit-box;
		display: flex;
		flex-wrap: nowrap;
	}
	.videoBox01 .youtube {
		width: 58.26%;
		margin: 0 3.17% 0 0;
	}
	.videoBox01 .youtubeInner {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.videoBox01 .text {
		width: 37.09%;
		margin-top: 0;
		padding: 10px 0;
	}
	.inquiryBox .loginBloc {
		margin: 60px 0;
		padding: 40px 100px;
		border-top: 1px solid #CFCFCF;
		border-bottom: 1px solid #CFCFCF;
	}
	.inquiryBox .loginBloc > .clm > .clmItem:not(:first-child) {
		margin-top: 0;
		margin-left: 100px;
	}
	.inquiryBox .linkBtnWrap01 {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	}
	.inquiryBox .linkBtnWrap01 > .colBtnItem {
		width: 360px;
		margin-left: 0px;
		margin-right: 20px;
	}
	.inquiryBox .linkBtnWrap01 .colBtnItem + .colBtnItem{
		margin-top: 0;
	}
	.inquiryBox .linkBtnWrap01 > .colBtnItem:nth-child(3n) {
		margin-right: 0px;
	}
}
/*カードをお使いいただく前に*/
.carduse {
	padding: 50px 0;
}
.carduse .colItemTxt {
	background: inherit;
}
/*PC*/
@media print, all and (min-width:641px) {
	.carduse {
		padding: 60px 0;
	}
}
/*最新情報*/
.latestInfo .latestInfo01.notice .clmItem + .clmItem {
	margin-top: 60px;
}
@media print, all and (min-width:641px) {
	.latestInfo .latestInfo01 {
		width: 84.28%;
		margin: 40px auto 0;
	}
	.latestInfo .latestInfo01.cautions {
		padding: 0 20px;
	}
	.latestInfo .latestInfo01.notice .clmItem + .clmItem {
		margin-top: 0;
	}
}
/*お客さまサポート*/
.inquiryBox .btnL01 {
	max-width: 100%;
}
.inquiryBox .btnL01 .fzPtn01 {
	font-size: 1.142rem;/*16*/
}
@media print, all and (min-width:641px) {
	.inquiryBox .btnL01 {
		max-width: 538px;
	}
	.inquiryBox .btnL01 .fzPtn01 {
		font-size: 1.428rem;/*20*/
	}
}
/************************************************
print
************************************************/
@media print{
	.bnrCarouselBlockMv .slick-slide:not(.slick-center) .imgElm::before {
		content: none;
	}
	.ofHidden .webService {
		width: 100%;
		left: inherit;
		right: 20px;
		padding: 0;
	}
	.inquiryBox .linkBtnWrap01 > .colBtnItem {
		width: 31.5%;
	}
}