@charset 'utf-8';

body {
  width: 100%!important;
  min-width: 100%!important;
}

/**/
a {
	color: #3d7af4!important;
}
.txtAR {
	text-align: right;
}
.txtAC {
	text-align: center;
}
.pt10 {
	padding-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mb10 {
	margin-bottom: 10px!important;
}
.annotationList li {
	font-size: 14px;
}

/**/
#contentsWrap .btnArea .innerWrap a{
	color: #3d7af4!important;
}

.container.container--without-nav {
  width: 100%;
  margin: 0 auto;
}

#mainContainer {
  width: 100%!important;
  min-width: 100%!important;
  background-color: #d8f2ff;
}

#cam_point .mainContents {
  width: calc(100% - 20px);
  margin: 0 auto;
}
#cam_point .bgPink {
	background-color: #ee869a;
	color: #fff;
}
#cam_point .textYellow {
	color: #fff603;
}
#cam_point .bgWhite { background-color: #fff; margin: 0 -10px; }
/* firstWrap */
#cam_point #firstWrap{
	position: relative;
}
#cam_point #firstWrap .bgPink {
	padding: 15px 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}
#cam_point #firstWrap .btnArea {
	width: 85%;
	margin: 0 auto;
	position: absolute;
	bottom: -2vw;
	left: 7vw;
}
#cam_point #firstWrap .btnArea .innerWrap a {
	color: #000;
}

/* contentsWrap */
#cam_point .camContents { margin: 30px 0; }
#cam_point .camContents > p {
	font-weight: bold;
	font-size: 19px;
	text-align: center;
	display: table;
	margin: 0 auto;
}
#cam_point .camContents > p span {
	display: inline-block;
	float: left;
	margin: 0 5px;
}
#cam_point .camContents > p span:nth-child(odd) {
	font-size: 40px;
}

#cam_point .camContents p.add_text {
    font-size: 14px;
    font-weight: normal;
    margin-top: 0;
    padding-top: 0;
}

#cam_point .camContents {
    text-align: center;
}

/* headContents */
#cam_point .headContents {
	background-color: #fff;
	margin: 30px -10px;
	padding: 30px 20px 20px;
}
#cam_point .headContents a {
	display: block;
	background: #0053a6 url(/lp/imgs/_sphone/cam_point/img_anchor_arrows.png) no-repeat 50% 95%;
	padding: 15px 0 20px;
	color: #fff !important;
	font-size: 16px;
	border-bottom: 5px solid #0d3d80;
	border-radius: 5px;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	background-size: 20%;
	box-sizing: border-box;
	height: 100%;
}
#cam_point .headContents a img {
	width: 25%;
}
#cam_point .headContents > div {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
#cam_point .headContents > div > div {
	float: left;
	width: 31.3%;
	margin: 0 1% 10px;
}
#cam_point .headContents > div:nth-child(2) {
	display: flex!important;
	width: 100%;
	justify-content: center;
}
#cam_point .headContents > div:nth-child(2) > div {
	width: 48%;
}
#cam_point .headContents > div:nth-child(1) > div:nth-child(1) a { padding: 15px 0 30.5px; }
#cam_point .headContents > div:nth-child(1) > div:nth-child(1) a img { padding-bottom: 8px; }
#cam_point .headContents > div:nth-child(1) > div:nth-child(3) a img { width: 37%; padding: 3px 0 0px; }
#cam_point .headContents > div:nth-child(2) > div:nth-child(1) a img { padding-bottom: 6px; }
#cam_point .txtRec {
	background-color: #ff0000;
	vertical-align: middle;
	padding: 2.1px 0;
	margin: 10px 0 5px;
	font-size: 16px;
	height: auto !important;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

/* btn */
#cam_point #new .btnArea {
/*
	background-color: #ee869b;
*/
	margin: 0 -10px;
	padding: 30px;
}

/* service */
#cam_point #service {
	margin: 30px auto 15px !important;
	border: 3px solid #0072ca;
	background-color: #fff;
	padding: 0 0 20px;
}
#cam_point #service h2 {
	background-color: #0072ca;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding: 10px 0;
	text-align: center;
}
#cam_point #service div p {
	text-align: left;
}
#cam_point #service > div > div > div:nth-child(1) {
	color: #fff;
	font-weight: bold;
	background-color: #0072ca;
	padding: 20px;
	font-size: 14px;
	line-height: 1.4;
	margin: 10px 10px 0;
}
#cam_point #service > div > div > div:nth-child(2) {
	background-color: #e6e6e6;
	padding: 20px;
	font-size: 14px;
	color: #455466;
	margin: 0 10px;
}
#cam_point #service > div > div > div:nth-child(1) p {
	float: left;
	text-align: center;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
#cam_point #service h3 strong {
	font-size: 17px;
}
#cam_point #service sup {
	/*vertical-align: top;*/
}
#cam_point #service h3 {
	display: inline-block;
}
#cam_point #service > div img {
	width: 80%;
}
.annotationService li{
  font-size: 14px;
}


/* pointEx */
#cam_point .pointEx {
	background-color: #fff;
	margin: 20px -10px 0px -10px;
	padding: 20px;
}
#cam_point .pointEx h2 {
	border-bottom: 3px solid #0072ca;
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: bold;
	color: #e50065;
	text-align: center;
}
#cam_point .pointEx h2 img {
	margin-right: 15px;
	vertical-align: middle !important;
	width: 10%;
}
#cam_point .pointEx h2 img:nth-child(3) {
	width: 20% !important;
}
#cam_point .pointEx p {
	padding: 15px;
}

/* pointBenefit */
#cam_point .pointBenefit {
	margin: 30px 0;
}
.pointBenefit > p {
	text-align: right;
	font-size: 12px;
}
#cam_point .pointBenefit h2 {
	border-bottom: 4px solid #0072ca;
	padding-bottom: 5px;
	font-size: 20px;
	color: #404040;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
#cam_point .pointBenefit .col > div {
	margin: 20px 10px 0;
	background-color: #fff;
	text-align: left;
}
#cam_point .pointBenefit .col > div h3 {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	padding: 14px 0 11px;
}
#cam_point #benefit_01 h3 {
	background: #0053a6 url(/lp/imgs/cam_point/ico_account_opening_savings.png) 5% no-repeat;
	background-size: 8%;
}
#cam_point #benefit_02 h3 {
	background: #0053a6 url(/lp/imgs/cam_point/ico_first_login.png) 5% no-repeat;
	background-size: 6%;
}
#cam_point #benefit_03 h3 {
	background: #0053a6 url(/lp/imgs/cam_point/ico_first_transfer.png) 4% no-repeat;
	background-size: 8%;
}
#cam_point #benefit_04 h3 {
	background: #0053a6 url(/lp/imgs/cam_point/ico_entry.png) 5% no-repeat;
	background-size: 8%;
}
#cam_point #benefit_05 h3 {
	background: #0053a6 url(/lp/imgs/cam_point/ico_charge.png) 5% no-repeat;
	background-size: 8%;
}
#cam_point #benefit_06 h3 {
	background: #0053a6 url(/lp/imgs/cam_point/ico_touroku.png) 5% no-repeat;
	background-size: 8%;
}
#cam_point #benefit_07 h3 {
	background: #0053a6 url(/lp/imgs/cam_point/ico_total_assets.png) 5% no-repeat;
	background-size: 10%;
}
#cam_point #benefit_08 h3 {
	background: #0053a6 url(/lp/imgs/cam_point/ico_gaika.png) 5% no-repeat;
	background-size: 12%;
}

#cam_point .pointBenefit .col > div > div {
	padding: 20px;
	color: #404040;
}
#cam_point .pointBenefit .col > div > div p strong {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 10px;
}
#cam_point .txtPoint {
	font-size: 18px;
	color: #df1d4f;
	text-align: center;
	font-weight: bold;
}
#cam_point .txtPoint span {
	font-size: 40px;
}
#cam_point #benefit_06 .txtPoint > p:nth-child(1) {
	color: #404040;
	display: inline-block;
	float: left;
	padding: 23px 0 0 0;
}
#cam_point #benefit_06 .txtPoint > p:nth-child(2) {
	text-align: right;
}
#cam_point #benefit_06 p.mt10 {
	clear: both;
}

/* pointGet */
#cam_point #pointGet {
	margin: 40px 0 0;
}
#cam_point #pointGet p strong {
	text-align: center;
	font-weight: bold;
	display: block;
	font-size: 17px;
	color: #0072ca;
	margin-top: 20px;
}
#cam_point #pointGet p {
	font-size: 12px;
}
#cam_point #pointGet .colorsTextBox {
	display: inline-block;
	box-sizing: border-box;
	background-color: #ffffde;
	text-align: left;
	padding: 20px;
	margin: 10px 20px;
	font-size: 14px !important;
}
#cam_point h4.toggleBtn.preLink {
	padding: 0 !important;
}
#cam_point .toggleBtn {
	margin-top: -1px;
	position: relative;
}
#cam_point h4.toggleBtn.preLink a {
	margin-top: 5px;
	padding: 0px !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	line-height: 0;
}
#cam_point h4.toggleBtn.preLink img {
	width: 100% !important;
}
#cam_point #pointGet div.box {
	padding-bottom: 20px;
	position: relative;
	margin-top: 10px;
}
#cam_point #pointGet div.box .boxInner {
	margin-top: 10px;
}
#cam_point .toggleBox {
	padding: 0 10px;
}

#cam_point #bottom {
	background-color: #fff;
	margin: 0 10px;
	padding: 20px 0;
}
#cam_point .cvBottom {
	margin: 10px;
	background-color: #fff;
}






#cam_point .account_point10{
  border: 6px solid #00b050;
  border-top: none;
  padding: 0 15px 15px;
  text-align: left;
}
#cam_point .account_point10 .h2Title_02{
  background-color: #00b050;
  text-align: left;
}

#cam_point .account_point10 .cam_conditions_area{
  margin-top:15px;
}
#cam_point .account_point10 .conditions_type01{
  background-color: #00b050;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  padding:5px;
}
#cam_point .account_point10 .c_text_area{
  background-color: #f8f8f6;
  padding: 10px;
  font-weight: bold;
}
#cam_point #wrap .account_point10 .c_text_area img{
  width: auto;
}

#cam_point .FontBold_important{
	font-weight: bold!important;
}

.caution_red{
	color: #be110a!important;
}
.va-super{
	vertical-align:super!important;
}

.txt_rei{
	font-size: 14px;
}
.txt_rei2{
	font-size: 14px;
	color: #666666;
}

.header img {
  width: 100%;
}

.in_text_area {
  text-align: center;
}

.w90{
  margin: 0 auto;
}

/* 220401 */
.text-link--icon img.icon-arrow--down {
  transform: translateY(-3px) rotate(90deg)!important;
  margin-left: 6px;
}
img.icon-arrow--right {
  -webkit-transform: translateY(-1px)!important;
}

/* 220520 */
.w100 {
  width: 100%;
}

.mb20 {
  margin-bottom: 20px;
}

.box-conversion {
  padding: 40px 0;
  width: 100%;
  background-color: #f6f8f9;
  margin-bottom: 20px;
  text-align: left;
}

.box-conversion p {
  padding: 0 20px;
}

.box-conversion__maintext {
  margin-bottom: 20px !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.text-warning {
  color: #e3215a;
}

.app-download__group {
  display: flex;
  justify-content: center;
}

.app-download__link {
  flex: 1;
}

/* .app-download__link:not(:last-child) {
  margin-right: 20px;
} */

.app-download__link-os {
  text-align: center;
}

.app-download__link-os img {
  width: 90%;
}

.header_line {
  padding: 10px !important;
  background-color: #fff;
}

.header_line p {
  font-size: 10px;
}
.link--external {
  text-decoration: none;
}

.news-inner {
  width: 100%;
  padding: 0 10px 20px;
  background-color: #fff;
}

.news-inner .block-topic {
  width: auto;
}

.news-inner .block-topic p {
  text-align: left;
}

.news-inner .block-topic a {
  color: #2076c7 !important;
  text-decoration: underline;
}

.welcome_content {
  width: 100%;
}

.welcome_content .welcome_title {
  margin-top: 40px;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}